Site map
Every page, in one place. The machine version is at /sitemap.xml.
Start here 19
Component categories 20
Block types 15
Templates 8
- Lumen: AI SaaS Landing Page Template for React
- Ponte: Fintech App Landing Page Template
- Kura: Healthcare Marketplace Website Template
- Relay: AI Agent Startup Landing Page Template
- Atlas: Property Management Software Template
- Cadence: Coaching and Booking Platform Template
- Forma: Agency and Studio Website Template
- Hale: DTC Product Page Template for React
Tools 19
- Box shadow generator
- Glassmorphism generator
- OKLCH palette generator
- Brand kit generator
- shadcn theme generator
- Hex to OKLCH converter
- Contrast checker
- Fluid type calculator
- Mesh gradient generator
- Noise texture generator
- SVG to JSX converter
- HTML to JSX converter
- CSS to Tailwind converter
- JSON to TypeScript converter
- CSS gradient generator
- SVG blob generator
- SVG wave generator
- px to rem converter
- Favicon generator
Guides 37
- The best free shadcn/ui component libraries in 2026
- Build a landing page in Next.js with shadcn-compatible blocks
- Build a SaaS dashboard in Next.js with free components
- Build a React data table with TanStack Table and Tailwind
- AI chat UI in React: streaming messages, tool calls and reasoning
- Build a SaaS pricing page in React and Tailwind
- Build a billing page in Next.js with Stripe
- Build a collapsible sidebar layout for a SaaS app
- Design a SaaS settings page that scales
- Add a Cmd+K command palette to your React app
- Build a kanban board in React with drag and drop
- OTP input in React: paste, autofill and accessibility
- File upload in React: dropzone, progress and previews
- Toast notifications in Next.js: when and how
- How to install components from a custom shadcn registry
- Migrating a component library to Tailwind CSS v4
- Dark mode in Next.js without the flash
- OKLCH colors in Tailwind CSS v4: a theme that works in light and dark
- Glassmorphism in Tailwind CSS v4: frosted glass that stays readable
- Realistic CSS shadows that follow a light source
- Build a split-flap display (Solari board) in React
- Date range picker in React with presets, two months and keyboard
- Multi-step onboarding wizard in React: state, validation, progress
- Charts in React with Tailwind and no charting library
- Product tour and feature spotlight in React
- Resizable split panes in React, keyboard accessible
- Gantt chart in React: timeline scale, dependencies, today line
- Generate QR codes in React with no dependency
- Empty states, loading skeletons and error states in React
- Hero section patterns in React and Tailwind: 8 layouts that convert
- Accessible modal and drawer in React: focus, scroll lock, Escape, return focus
- Best free React UI libraries in 2026, compared honestly
- Best Tailwind CSS component libraries, free and paid
- Best React animation libraries and motion component kits
- Best React chart libraries, and when you do not need one
- Free Next.js SaaS templates and starter kits worth using
- Best shadcn/ui blocks, registries and block collections
Comparisons 18
- MiniDev UI vs shadcn/ui
- MiniDev UI vs Aceternity UI
- MiniDev UI vs Magic UI
- MiniDev UI vs Tailwind Plus
- MiniDev UI vs HeroUI
- MiniDev UI vs Mantine
- MiniDev UI vs daisyUI
- MiniDev UI vs Flowbite
- MiniDev UI vs Chakra UI
- MiniDev UI vs coss ui (formerly Origin UI)
- MiniDev UI vs Material UI
- MiniDev UI vs Ant Design
- MiniDev UI vs Radix Themes
- MiniDev UI vs Tremor
- MiniDev UI vs Preline UI
- MiniDev UI vs Park UI
- MiniDev UI vs Untitled UI React
- MiniDev UI vs Headless UI
Glossary 82
- :focus-visible
- Accordion
- ARIA
- Avatar
- backdrop-filter (CSS)
- Badge
- Banner
- Base UI
- Bento grid
- Breadcrumbs
- Card
- clamp() (CSS)
- color-mix()
- Combobox
- Command palette
- Component library
- Compound components
- Container queries
- Controlled component
- CSS variables (custom properties)
- Dark mode
- Data table
- Date range picker
- Debounce
- Design system
- Design tokens
- Drawer
- Dropdown menu
- Empty state
- Fluid typography
- Focus trap
- FOUC (flash of unstyled content)
- Glassmorphism
- Headless components
- Hero section
- Hydration (React)
- Infinite scroll
- Kanban board
- Live region (aria-live)
- Loading spinner
- Logical properties
- Micro-interactions
- Modal dialog
- Multi-select
- Neumorphism
- OKLCH
- Optimistic UI
- Pagination
- Polymorphic component (asChild and render)
- Popover
- Portal
- prefers-reduced-motion
- Progress bar
- Radio group
- Radix UI
- Range slider
- React Server Components
- Render props
- Roving tabindex
- Scroll snap
- Segmented control
- Semantic tokens
- shadcn registry
- shadcn/ui
- Side sheet
- Skeleton screen
- Skip link
- Snackbar
- Split-flap display
- Stepper (multi-step form)
- Tabs
- Tailwind CSS v4
- Throttle
- Timeline
- Toast notification
- Toggle switch
- Tooltip
- Tree view
- View Transitions API
- Virtual scrolling
- Visually hidden
- WCAG color contrast
UI components 397
- Accordion
- Account Setup Progress
- Activity Feed
- Add Card Form
- Admin Stat Strip
- Admin User Row
- Agent Trace
- Ai Composer
- Alert Dialog
- Announcement Bar
- Api Key List
- App Shell
- Approval Card
- Area Chart
- Artifact Preview
- Aspect Ratio
- Assign Picker
- Attachment Chip
- Audio Player
- Audio Recorder
- Audit Filter Bar
- Audit Log Entry
- Audit Trail
- Auth Card
- Autocomplete
- Avatar Group
- Avatar Upload
- Avatar
- Back Link
- Back To Top
- Badge
- Banner
- Bar Chart
- Bento Grid
- Billing Address
- Blog Card
- Breadcrumb Ellipsis
- Breadcrumb
- Build Pipeline
- Bulk Actions Bar
- Bulk User Import
- Button Group
- Button
- Calendar Agenda
- Calendar Month
- Callout
- Cancel Flow
- Card
- Carousel
- Cart Line Item
- Case Study Card
- Center
- Character Count
- Chart Card
- Chart Legend
- Chart Tooltip Card
- Chat Thread
- Check Run List
- Checkbox Group
- Checkbox
- Checkout Summary
- Chip Filter
- Choice Card
- Citation Chip
- Cluster
- Code Block
- Code Editor Frame
- Collapsible Sidebar
- Collapsible
- Color Picker
- Column Visibility Menu
- Combobox
- Command Dialog
- Command Item
- Command Palette
- Comment Composer
- Comment Thread
- Commit Row
- Comparison Table
- Confirm Destructive
- Connected Account
- Console Output
- Container
- Context Chip
- Context Menu
- Context Pill
- Conversation Sidebar
- Cookie Banner
- Copy Button
- Copy Id
- Coupon Input
- Coverage Meter
- Create Api Key
- Credit Balance
- Credit Card Input
- Cta Banner
- Currency Input
- Danger Zone
- Data Table
- Date Picker
- Date Range Picker
- Delete Account Confirm
- Density Toggle
- Description List
- Dialog
- Diff View
- Donut Chart
- Downgrade Warning
- Drawer
- Dropdown Menu
- Due Date Chip
- Editable Heading
- Email Button
- Email Card
- Email Footer
- Email Header
- Email Layout
- Email Preview Frame
- Emoji Picker
- Empty Search
- Empty State
- Empty Table
- Env Badge
- Env Switcher
- Error State
- Event Calendar
- Expandable Row
- Export Data
- Facet Filter
- Faq List
- Feature Flag Toggle
- Feature Grid
- Feedback Thumbs
- File Dropzone
- File List
- File Reference
- File Row
- File Tree
- Filter Bar
- Floating Action Button
- Floating Label Input
- Footer Mega
- Footer Nav
- Forgot Password Form
- Form Field
- Funnel Chart
- Funnel Steps
- Gantt Chart
- Gantt Row
- Gauge Chart
- Goal Ring
- Heading
- Health Indicator
- Heatmap Cell
- Hero
- Horizontal Bar Chart
- Hover Card
- Icon Button
- Image Cropper
- Image Gallery
- Image Lightbox
- Image Upload
- Impersonation Banner
- Incident Banner
- Infinite Scroll
- Inline Alert
- Inline Cell Edit
- Inline Code Diff
- Input Affix
- Input
- Inset
- Integration Card
- Interactive Area Chart
- Invite Members
- Invoice Detail
- Invoice List
- Ip Allowlist
- Issue Card
- Issue Key
- Join Workspace
- Json Viewer
- Kanban Board
- Kanban Column
- Kbd
- Keyboard Shortcuts
- Kpi Row
- Label
- Language Picker
- Latency Badge
- Light Provider
- Line Chart
- Link Preview
- Link
- List Item
- Live Cursors Bar
- Loading Overlay
- Loading Table
- Logo Cloud
- Magic Link Form
- Markdown Editor
- Markdown Renderer
- Marquee
- Masked Input
- Masonry Grid
- Mention Input
- Menubar
- Merge Box
- Message Actions
- Message Bubble
- Meter
- Metric Delta
- Mobile Action Sheet
- Mobile Nav Drawer
- Model Compare
- Model Picker
- Morph Panel
- Multi Select
- Nav Marketing
- Navigation Menu
- Nested Nav
- Newsletter Signup
- Not Found State
- Notebook Cell
- Notification Inbox
- Notification Item
- Notification Preferences
- Number Input
- Number Roll
- Offline Banner
- Offline State
- Onboarding Checklist
- Onboarding Wizard
- Order Summary
- Org Chart
- Org Switcher
- Otp Input
- Page Header
- Pagination
- Password Input
- Password Strength
- Payment Method Card
- Peek Panel
- Permission Chip
- Permission Denied
- Phone Input
- Pie Chart
- Pinned Message
- Plan Card
- Plan Comparison
- Popover
- Presence Dot
- Press Quote
- Pricing Table
- Pricing Toggle
- Priority Picker
- Product Card
- Profile Form
- Progress Circle
- Progress
- Prompt Input With Attachments
- Prompt Input
- Prompt Library
- Prose
- Publish Bar
- Qr Code
- Quantity Stepper
- Query Builder
- Quota Bar
- Radar Chart
- Radial Chart
- Radio Group
- Range Slider
- Rating
- Reaction Bar
- Read Receipt
- Reasoning Block
- Receipt
- Regenerate Bar
- Region Picker
- Relative Time
- Reset Password Form
- Resizable Panels
- Resource Quota Grid
- Retry Block
- Review Request Card
- Rich Text Toolbar
- Role Permission Matrix
- Role Picker
- Row Selection
- Sankey Chart
- Saved Views
- Schema Field Row
- Scroll Area
- Search Input
- Search With Results
- Seat Manager
- Secret Reveal
- Section Header
- Segmented Control
- Select
- Separator
- Server Error State
- Session List
- Settings Layout
- Sheet
- Shipping Address
- Shortcut Cheat Sheet
- Sidebar Section
- Sidebar
- Sign Up Form
- Signature Pad
- Skeleton
- Skip Link
- Slash Command Menu
- Slider
- Social Auth Row
- Social Proof
- Sortable Header
- Sortable List
- Source Card
- Sparkline Set
- Spinner
- Split Button
- Split Flap
- Split Pane
- Sql Result Table
- Sso Provider Card
- Stack Trace
- Stack
- Stacked Bar Chart
- Stat Card
- Stat With Sparkline
- Stats Strip
- Status Badge
- Status Dot
- Step Progress
- Stepper
- Sticky Bar
- Sticky Column
- Stop Generating
- Streak Calendar
- Streaming Cursor
- Streaming Message
- Suggestion Chips
- Switch
- Table Of Contents
- Table Pagination
- Table Toolbar
- Table
- Tabs
- Tags Input
- Tax Fields
- Team Member Row
- Terminal Window
- Testimonial
- Text
- Textarea
- Theme Picker
- Thinking Block
- Time Picker
- Timeline
- Toast
- Toc
- Toggle Group
- Toggle
- Token Usage Meter
- Tool Call Card
- Tool Call Collapsed
- Tool Result Panel
- Tooltip
- Topbar
- Trace Waterfall
- Tree View
- Treemap Chart
- Trial Banner
- Two Factor Setup
- Two Factor Verify
- Typing Indicator
- Upgrade Prompt
- Uptime Bar
- Usage Breakdown
- Usage Meter
- User Chip
- Version Badge
- Vertical Tabs
- Video Player Chrome
- Virtual List
- Virtualized List
- Visually Hidden
- Vote Control
- Waffle Chart
- Webhook List
- Welcome Screen
- Well
- Window Chrome
- Wishlist Button
- Workspace Create
Blocks and pages 43
- Admin Console
- Admin Overview
- Analytics Page
- Api Docs Page
- Bento Live
- Billing Page
- Changelog Page
- Chat Page
- Command Center
- Commerce Checkout
- Cta Band
- Dashboard Home
- Device Frame
- Docs Page
- Empty Workspace
- Engineering Console
- Faq Section
- Feature Flags
- Floating Nav
- Form Wizard
- Hero Spotlight
- Inbox Page
- Logs Viewer
- Marketing Landing
- Media Library
- Notification Center
- Onboarding Flow
- Premium Landing
- Pricing Plans
- Project Detail
- Project List
- Report Builder
- Saas Marketing Page
- Scroll Story
- Search Results Page
- Settings Page
- Sign In Page
- Social Proof Wall
- Status Page
- Support Inbox
- User Detail
- Users Table Page
- Workflow Board
Motion 108
- Agency Portfolio
- Animated Beam
- Animated Feature Row
- Animated List
- Animated Tabs
- Animated Tooltip
- Aurora Background
- Background Boxes
- Before After Wipe
- Blog Home
- Blur Fade
- Border Beam
- Brand Kit Page
- Browser Mockup
- Card Tilt
- Careers Page
- Changelog Marketing
- Changelog Motion
- Client Pitch Kit
- Command Waitlist
- Confetti Button
- Contact Sales
- Cta Glow
- Cursor Spotlight Panel
- Device Frame Stack
- Dock
- Docs Marketing
- Dot Pattern
- Email Receipt
- Email Welcome
- Faq Accordion Motion
- Feature Bento Motion
- Feature Comparison
- Filmstrip Scrub
- Flickering Grid
- Flip Stat Board
- Free Premium Compare
- Globe
- Gradient Text
- Grid Reveal
- Hero Aurora
- Hero Bento
- Hero Client Pitch
- Hero Editorial Split
- Hero Gradient Mesh
- Hero Kinetic Type
- Hero Marquee Brands
- Hero Poster Type
- Hero Split Showcase
- Hero Typed Headline
- Horizontal Product Rail
- Hyper Text
- Icon Cloud
- Investor Update
- Lamp Effect
- Launch Countdown
- Light Field
- Live Component Rail
- Logo Wall Motion
- Magnetic Cta
- Marquee Quotes
- Masked Gradient Headline
- Meteors
- Metric Ticker Board
- Morph Price
- Morphing Text
- Onboarding Motion
- Orbit Logo Cluster
- Orbiting Circles
- Parallax Panel
- Particles
- Pin Scroll Gallery
- Pricing Kinetic
- Pricing Motion
- Pricing Page
- Product Launch
- Product Os Mock
- Product Tour
- Retro Grid
- Ripple
- Saas Landing
- Scratch To Reveal
- Scroll Chapter Story
- Scroll Progress Rail
- Scroll Progress
- Scroll Reveal
- Shimmer Button
- Shine Border
- Soft Stack
- Sparkles Text
- Split Proof Panel
- Stack Reveal Story
- Stats Counter
- Status Marketing
- Sticky Cta Bar
- Sticky Feature Story
- Terminal
- Testimonial Carousel
- Text Reveal
- Text Scramble
- Tilt Card
- Tracing Beam
- Typing Text
- Typographic Marquee
- Waitlist Hero
- Waveform Hero
- Wavy Background
- Word Rotate