🤎 Enjoying my work? Buy me a coffee to support my coding adventures! ☕

Docs Components Themes Blocks Charts Templates

Getting Started

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

Templates

PortfolioNew StartupNewSaaSComing soonMobile 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 PhoneNew Interactive Icon Cloud Label Marquee Menubar Multi SelectNew Navigation Menu Orbiting Circles Pagination Popover Progress Radio Group Resizable Scroll Area Scroll ProgressNew Scratch To RevealNew Select Separator Sheet Skeleton SliderNew Sonner Star RatingNew StepperNew Switch Table Tabs Textarea TimelineNew Toast TOCNew Toggle Toggle Group Tooltip TourNew Tweet Card Video ModalNew

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

Standard Button Shimmer Button Shiny Button Animated Subscribe Button Pulsating ButtonNew

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.