shadcn/ui
nyxui.comFreemanifest served live
Nyx UI is a curated library of modular components that can be easily integrated into your web applications. It offers a versatile selection of components, blocks, and templates designed to accelerate your development process.
Items
68
2026-08-03Every entry in its own registry.json, counted last night.Free to install
68
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
yesterday
39 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| 3D Layered Card3d-layered-card | A 3D layered card that that provide several effects. | Components | Free | 1 dep | |
| Animated Code Blockanimated-code-block | A code display component with real-time typing effects. Supports syntax highlighting and customizable themes. | Components | Free | 3 deps | |
| Animated Grainy Backgroundanimated-grainy-bg | A dynamic animated gradient background component that supports various gradient patterns and animations. | Components | Free | 1 dep | |
| Animated Textanimated-text | A versatile text animation component that offers multiple animation types. Perfect for adding dynamic text effects to your UI. | Components | Free | 1 dep | |
| Apple Glass Effectapple-glass-effect | A apple glass effect that that provide several effects. | Components | Free | 1 dep | |
| Bubble Backgroundbubble-background | An interactive fluid bubble background component with animated colorful blobs that respond to user interaction. | Components | Free | no deps | |
| Custom Cursorcustom-cursor | A custom cursor that that provide several effects. | Components | Free | 1 dep | |
| Cyberpunk Cardcyberpunk-card | A card component with a cyberpunk aesthetic. Features neon colors and a futuristic design. | Components | Free | no deps | |
| Dynamic Rippledynamic-ripple | A ripple effect component that follows the cursor and can be customized with various options. | Components | Free | no deps | |
| Footerfooter | A simple footer component i will add some more modern components in the future. | Components | Free | 1 dep | |
| Github Repo Cardgithub-repo-card | A card component that displays information about a GitHub repository. It includes the repository name, description, stars, forks, and a link to the repository. | Components | Free | 1 dep | |
| Glitch Buttonglitch-button | Cyberpunk-inspired button with dynamic glitch effects that can be triggered on hover or click. | Components | Free | no deps | |
| Glow Cardglow-card | A glow card that that provide several effects. | Components | Free | no deps | |
| Image Comparisonimage-comparison | A image comparison component that allows users to compare images. | Components | Free | no deps | |
| Image Scannerimage-scanner | A image scanner component that allows users to scan images. | Components | Free | 1 dep | |
| Keyboardkeyboard | A keyboard component that simulates a physical keyboard. | Components | Free | 1 dep | |
| Lamp Headinglamp-heading | A heading component with a lamp effect. | Components | Free | no deps | |
| Liquid Metal Buttonliquid-metal-button | A button component with a liquid metal effect. | Components | Free | no deps | |
| Marqueemarquee | A customizable, interactive scrolling marquee component. | Components | Free | 1 dep | |
| Matrix Code Rainmatrix-code-rain | A matrix code rain that that provide several effects. | Components | Free | no deps | |
| Morphing Blobmorphing-blob | A morphing blob that that provide several effects. | Components | Free | 4 deps | |
| MS Paintms-paint | A customizable drawing canvas component with paint-like interface. | Components | Free | 1 dep | |
| Music Playermusic-player | A music player that that provide several effects. | Components | Free | 1 dep | |
| Reveal Cardreveal-card | A reveal card that that provide several effects. | Components | Free | 1 dep | |
| Scroll Animation Triggerscroll-animation-trigger | A scroll animation trigger that that provide several effects. | Components | Free | 2 deps | |
| Terminalterminal | A terminal that that provide several effects. | Components | Free | 1 dep | |
| Water Ripple Effectwater-ripple-effect | A water ripple effect that that provide several effects. | Components | Free | 1 dep |
Themes
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| indexindex | no description published | Themes | Free | 3 deps |
Utilities
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| utilsutils | no description published | Utilities | Free | 2 deps |
Examples
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| 3D Layered Card Demo3d-layered-card-demo | Example showing a 3D layered card. | Examples | Free | no deps | |
| Animated Code Block Demoanimated-code-block-demo | Example showing a code block with typing animation effects. | Examples | Free | no deps | |
| Animated Grainy Background Demoanimated-grainy-bg-demo | Example showing an animated grainy background. | Examples | Free | no deps | |
| Animated Text Demoanimated-text-demo | Example showing various text animations. | Examples | Free | no deps | |
| Apple Glass Effect Demoapple-glass-effect-demo | Example showing an Apple Glass Effect. | Examples | Free | no deps | |
| Bubble Background Demobubble-background-demo | Example showing an interactive fluid background. | Examples | Free | no deps | |
| Custom Cursor Democustom-cursor-demo | Example showing a custom cursor. | Examples | Free | no deps | |
| Cyberpunk Card Democyberpunk-card-demo | Example showing a cyberpunk card. | Examples | Free | no deps | |
| Cyberpunk Card Demo 1cyberpunk-card-demo1 | Example showing a cyberpunk card. | Examples | Free | no deps | |
| Dynamic Ripple Demodynamic-ripple-demo | Example showing a dynamic ripple effect. | Examples | Free | no deps | |
| Github Repo Card Demogithub-repo-card-demo | Example showing a GitHub repo card. | Examples | Free | no deps | |
| Github Repo Card Demo 1github-repo-card-demo1 | Example showing a GitHub repo card. | Examples | Free | no deps | |
| Github Repo Card Demo 2github-repo-card-demo2 | Example showing a GitHub repo card. | Examples | Free | no deps | |
| Glitch Button Demoglitch-button-demo | Example showing a glitch button. | Examples | Free | no deps | |
| Glow Card Demoglow-card-demo | Example showing a glow card. | Examples | Free | no deps | |
| Glow Card Demo 1glow-card-demo1 | Example showing a glow card. | Examples | Free | no deps | |
| Image Comparison Demoimage-comparison-demo | Example showing a image comparison. | Examples | Free | no deps | |
| Image Scanner Demoimage-scanner-demo | Example showing a image scanner. | Examples | Free | no deps | |
| Image Scanner Demo 1image-scanner-demo1 | Example showing a image scanner. | Examples | Free | no deps | |
| Keyboard Demokeyboard-demo | Example showing a interactive keyboard. | Examples | Free | no deps | |
| Keyboard Demo 1keyboard-demo1 | Example showing a interactive keyboard. | Examples | Free | no deps | |
| Lamp Heading Demolamp-heading-demo | Example showing a lamp heading. | Examples | Free | no deps | |
| Liquid Metal Button Demoliquid-metal-button-demo | Example showing a liquid metal button. | Examples | Free | no deps | |
| Marquee Demomarquee-demo | Example showing a marquee. | Examples | Free | no deps | |
| Marquee Demo 1marquee-demo1 | Example showing a marquee. | Examples | Free | no deps | |
| Marquee Demo 2marquee-demo2 | Example showing a marquee. | Examples | Free | no deps | |
| Matrix Code Rain Demomatrix-code-rain-demo | Example showing a matrix code rain. | Examples | Free | no deps | |
| Morphing Blob Demomorphing-blob-demo | Example showing a morphing blob. | Examples | Free | no deps | |
| MS Paint Demoms-paint-demo | Example showing a MS Paint clone. | Examples | Free | no deps | |
| Music Player Demomusic-player-demo | Example showing a music player. | Examples | Free | no deps | |
| Music Player Demo 1music-player-demo1 | Example showing a music player. | Examples | Free | no deps | |
| Music Player Demo 2music-player-demo2 | Example showing a music player. | Examples | Free | no deps | |
| Reveal Card Demoreveal-card-demo | Example showing a reveal card. | Examples | Free | no deps | |
| Scroll Animation Trigger Demoscroll-animation-trigger-demo | Example showing a scroll animation trigger. | Examples | Free | no deps | |
| Scroll Animation Trigger Demo 1scroll-animation-trigger-demo1 | Example showing a scroll animation trigger. | Examples | Free | no deps | |
| Scroll Animation Trigger Demo 2scroll-animation-trigger-demo2 | Example showing a scroll animation trigger. | Examples | Free | no deps | |
| Terminal Demoterminal-demo | Example showing a terminal. | Examples | Free | no deps | |
| Terminal Demo 1terminal-demo1 | Example showing a terminal. | Examples | Free | no deps | |
| Water Ripple Effect Demowater-ripple-effect-demo | Example showing a water ripple effect. | Examples | Free | no deps |
