Blox

Pre-built component compositions that combine multiple UI elements into ready-to-use blocks. Copy, paste, and customize these production-ready patterns for your projects.

Copy & Paste

Each blox is self-contained and ready to use

Customizable

Built with Tailwind for easy styling changes

Production Ready

Accessible, responsive, and well-tested

Available Blox

Vertical Navigation

Sidebar navigation with collapsible sections, icons, and user profile

View blox

Horizontal Navigation

Top navigation bar with dropdowns, search, and responsive mobile menu

View blox

Detailed Header

Full-featured header with logo, navigation, search, notifications, and user menu

View blox

Minimal Footer

Clean, simple footer with copyright and essential links

View blox

Detailed Footer

Comprehensive footer with multiple columns, newsletter signup, and social links

View blox

Email Inbox

Email interface with inbox list, message preview, compose modal, and folders

View blox

Calendar

Interactive calendar with event management, day/week/month views

View blox

Theme Customizer

Real-time theme customization panel with color pickers and presets

View blox

Pricing Table

Comparison pricing table with feature lists, popular badge, and CTA buttons

View blox

Stats Dashboard

Analytics dashboard with stat cards, charts, and data tables

View blox

User Profile

Complete user profile page with avatar, bio, activity feed, and settings

View blox

Auth Forms

Login, register, and password reset forms with social auth options

View blox

Feature Comparison

Comprehensive feature comparison table for plans, products, or services

View blox

Settings Panel

Application settings panel with sections, toggles, and form controls

View blox

Chat Interface

Complete chat application with conversation list, messages, and input

View blox

Data Table

Feature-rich data table with sorting, filtering, and pagination

View blox

Kanban Board

Drag-and-drop Kanban board for project management and task tracking

View blox

Notification Center

Notification panel with categorized alerts, actions, and preferences

View blox

Command Palette

Keyboard-navigable command palette for quick actions and search

View blox

File Upload

Drag-and-drop file uploader with progress, previews, and validation

View blox

More Blox Coming Soon

We're constantly adding new blox patterns. Have a suggestion? Let us know what you'd like to see next.