Component Library
Beautifully designed, accessible, and customizable React components. Copy code or install directly with the ForgeUI CLI.
Button
Interactive button primitive with primary, secondary, glow, outline, and icon variants.
Input
Styled text input with support for icons, error messages, and dark mode borders.
Checkbox
Animated checkbox with custom checkmark icon and purple accent states.
Radio Group
Radio options list with animated active indicators and optional descriptions.
Select / Combobox
Custom dropdown select menu with animated popover and keyboard selection.
Textarea
Styled multi-line textarea input with character counter and resize handle.
Switch / Toggle
Smooth toggle switch component with animated indicator.
Slider
Range slider input with value badge and track highlight.
Avatar
User avatar component supporting images, initials fallback, and status indicator dot.
Badge
Pill and badge component for status indicators, counts, and feature flags.
Alert
System notification banner with icon, title, description, and dismiss action.
Tooltip
Hover popover tooltip component supporting top, bottom, left, and right directions.
Accordion
Collapsible content panel list with expand/collapse animations.
Tabs
Tabbed content container with active border indicators.
Timeline
Vertical event history timeline with glow indicators.
Progress Bar
Progress bar indicator with percentage output and gradient fill.
Breadcrumbs
Hierarchy link trail for section navigation.
Dock
macOS-style floating dock navigation bar with hover icon scaling.
Link
Styled interactive text link primitive with animated underline and external indicators.
Megamenu
Full-width rich mega dropdown navigation grid panel with section headers and icons.
Menu
Interactive context and dropdown action menu.
Navbar
Responsive dark-glassmorphism navigation header bar with mega menu dropdowns, mobile drawer, and CTA actions.
Stepper
Multi-step progress wizard with completed state badges.
Modal
Overlay dialog box for user confirmations, forms, and alerts with smooth entrance animations.
Toast Notification
Floating toast stack with auto-dismiss and alert types.
Drawer / Side Sheet
Side-panel drawer overlay for mobile menus and filter panels.
Skeleton Loader
Shimmer pulse loading placeholder block for async content.
Data Table
Styled data table grid with custom column renderers.
Stat Card
Metric KPI display card with percentage trends and icons.
Calendar
Interactive date picker calendar view grid.
Pricing Cards
High-converting pricing plan card with popular tags, feature checklist, and CTA button.
Product Card
E-commerce product tile with star ratings and add-to-cart button.
Feature Grid
Responsive 3-column feature showcase block with icons.
Hero Block
Full hero section block with headline, badge, and dual CTA buttons.
Auth Card
Login and signup card container with form inputs.
FAB / Speed Dial
Floating action button with animated action menu dial.
Swap
Interactive icon toggle swap element.
Theme Controller
Dropdown selector for switching color theme presets.
Loading
Spinner, ring, dots loading animation indicators.
Radial Progress
Circular SVG percentage meter progress indicator.
Aura
Glowing ambient glass background container card.
Card
Versatile content surface card container.
Carousel
Slide switcher component with next/prev buttons.
Chat Bubble
Left/Right messaging speech bubble container.
Collapse
Single expandable accordion panel container.
Countdown
Timer countdown numbers widget.
Diff
Before/After comparison slider view.
Hover 3D Card
Mouse tilt 3D perspective card container.
Hover Gallery
Expanding horizontal hover image accordion grid.
Kbd
Keyboard shortcut key badge container.
List
Styled feature check item list.
Status
Online / busy / offline status dot badge.
Text Rotate
Animated cycling headline text component.
Fieldset
Fieldset container with legend title.
File Input
Drag-and-drop file upload picker dropzone.
Filter
Pill bar filter selector component.
Label
Form input label component with indicator.
Rating
Star rating interactive selector.
Validator
Live form field validation message wrapper.
OTP Input
Pin code multi-digit One Time Password input.
Divider
Horizontal and vertical divider separator line.
Footer
Responsive website footer section block.
Indicator
Top-right badge indicator wrapper.
Join
Joined input and action button control group.
Mask
Shaped image / content mask container (squircle, circle).
Stack
Stacked card deck layer arrangement.
Browser Mockup
macOS / Chrome browser window frame wrapper.
Code Mockup
Terminal code window with line numbers and prompt.
Phone Mockup
Smartphone device frame mockup container.
Window Mockup
macOS app desktop window frame container.
Activity Log
Audit log activity feed with timestamp indicators.
Dropdown
Interactive context action dropdown menu with click-outside dismissal.
Pagination
Page navigation control with numbered buttons and prev/next arrows.