❤️ Support our project - Your donation helps us continue developing awesome tools!

Docs Components Themes Blocks Charts Templates

StarStar on GitHub

Getting Started

Introduction Installation Story nyxbui.json Theming Dark mode CLI Typography Changelog

Templates

Portfolio Startup SaaSNewMobile AppComing soon

Components

Accordion Alert Alert Dialog Animated List Aspect Ratio Avatar Avatar Circles Badge Bento Grid Breadcrumb Calendar Card Carousel Checkbox Collapsible Combobox Command Context Menu Data Table Date Picker Dialog Dock Drawer Dropdown Menu Form Gauge Circle Globe Hover Card Input Input OTP Input Phone Interactive Icon Cloud Label Marquee Menubar Multi Select Navigation Menu Orbiting Circles Pagination Popover Progress Radio Group Resizable Scroll Area Scroll Progress Scratch To Reveal Select Separator Sheet Skeleton Slider Sonner Star Rating Stepper Switch Table Tabs Textarea Timeline Toast TOC Toggle Toggle Group Tooltip Tour Tweet Card Video Modal

Landing Page Components

Marquee Bento Grid Animated List Dock Globe Tweet Card Orbiting Circles Avatar Circles Interactive Icon Cloud Animated Circular Progress Bar

Special Effects

Animated Beam Border Beam Shine Border Magic Card Meteors Neon Gradient Card Confetti Particles Cool Mode

Animations

Developer Components

Text Animations

Number Ticker Animated Shiny Text Animated Gradient Text Text Reveal Word Rotate Typing Animation Wavy Text Blur In Separate Away Scroll Based Velocity Letter Pullup Word Pull Up Flip Text Gradual Spacing Word Fade In Fade Text Box Reveal Sparkles Text

Buttons

Rainbow ButtonNew Standard Button Shimmer Button Shiny Button Animated Subscribe Button Pulsating Button

Backgrounds

Animated Grid Pattern Retro Grid Ripple Dot Pattern Grid Pattern Linear Gradient Radial Gradient Wavy Dot Pattern

Docs

Dark Mode

Dark Mode

Adding dark mode to your site.

Next.js

Vite

Astro

Remix

Cooked up for you by nyxb.