158 composants

Container component for page layout with header sidebar and footer

Top navigation and branding header component

Footer with links branding and social media

Vertical navigation sidebar for main menu

Mobile hamburger menu with overlay navigation

Alternative top navigation component

Responsive bento grid layout with auto-fit dense mode and customizable columns

Brand logo mark component

Input field for searching and filtering

Hierarchical menu with expandable items

Navigation trail component showing page hierarchy

Carousel for displaying images and media with autoplay

Infinite horizontal or vertical scroll with pause on hover and reverse direction

List with staggered sequential item animations and loop support

Notification stack with card pile effect — new items pop from top with bounce and stack behind

Text heading component with multiple levels

Body text and paragraph component

Multi-line text content block

Versatile action button with 4 variants sizes icons and loading state

Controlled text input with label helper error icons and 3 sizes

Controlled native select with label helper error states and 3 sizes

Controlled multi-line text area with label helper error counter and autoResize

Small label or tag component with removable option

Badge showing component or feature status

Binary switch component for on/off states

Stacked avatar circles with overlap and counter badge

Canvas-based confetti animation effect with customizable particles

Button that triggers confetti animation on click

Theme toggle with animated transition between light dark and system modes

Simple theme toggle without animations for accessibility

Responsive image component with lazy loading

Map component for displaying a place location with coordinates and OpenStreetMap embed

Button that copies content to clipboard

Contextual help bubble with CSS-only hover behavior and 4 positions

Contextual feedback component with 4 variants info success warning error and optional dismiss

Compact non-interactive indicator for statuses counts and labels with dot and outlined modes

Horizontal progress bar with 4 color schemes 2 sizes label and animated fill

Inline contextual message block for documentation with 4 variants and automatic icon and title

CSS-only loading indicator with 6 color variants 4 sizes and 3 speeds via keyframe animation

Styled checkbox with appearance:none SVG checkmark controlled state and 3 sizes

Styled radio button with RadioGroup wrapper for controlled selection vertical and horizontal layouts

Controlled tab navigation with underline pills and boxed variants TabPanel content wrapper and icon support

Disclosure component based on native details/summary with controlled mode 3 variants and fade animation

Hero/intro card component with gradient background and CTA

Card component displaying text content

Feature card for bento grid with icon title description and hover effects

Data-driven social post card supporting X LinkedIn and custom platforms with metrics

Card showcasing component examples

Gallery layout for showcasing multiple items

Header section for page introductions

Large hero banner with call-to-action

Section displaying feature list items

Section combining carousel with text content

Brand tagline and slogan display

Social media link list component

Navigation links in footer

Legal information section in footer

Contact information in footer

List of links with optional descriptions for navigation or index sections

Syntax-highlighted code display component

Details panel for component documentation

Section for presenting component variations

Table showing component props and their types

Panel with project description and details

Catalog card presenting a component with name section description platform badge and optional live preview

Standard header for component documentation pages with name h1 description package badge and extra badges

Full-width page hero with gradient mesh dot grid eyebrow stats row — replaces SectionHeader for main nav pages

Navigation bar with logo search and mobile menu

Desktop navigation sidebar with component sections

Search results dropdown component

Interrupteur thème sombre/clair

Card showing the total number of catalogued components

List of the most recently added components

Card summarizing automated test pass rates by component

Small card displaying a key performance indicator with label value and helper

Hero section for the dashboard with CTA and design system overview

Visual quiz editor with builder preview and split modes — manages sections questions and autosave

Collapsible section container for quiz questions with title description and helper text

Standardized question wrapper with label required indicator points status error and hint

Dynamic question renderer dispatching to the correct input component based on question type

Visual rule editor for IF-condition THEN-action quiz branching and scoring logic

Single-select question with radio or card variant and optional free-text other option

Multi-select question with checkbox or tag variant and configurable min/max selection

Likert scale from 1-5 to 1-10 with optional tick bar and extreme labels

Star heart or bolt icon rating with optional half-point precision and hover preview

Net Promoter Score 0-10 selector with detractor passive promoter color zones

Single or dual-handle range slider with value display and unit label

Single-line or multiline text input with character counter and min/max length validation

Rows x columns matrix for Likert multi-item grids with single or multi selection per row

Drag-and-drop rank ordering list with arrow fallback and position badges

Quiz progress indicator with bar steps and ring modes and optional label

Countdown timer with warn and expire states and optional auto-submit callback

Previous Next navigation bar with optional summary panel and jump-to support

Sticky submission bar with save-draft submit and reset actions and loading states

Post-quiz result card with score ring badges and recommendations in compact or detailed mode

Question-by-question answer review with correct/incorrect feedback and correction display

Admin response table with client-side sort filter pagination and CSV/XLSX export

Survey KPI cards grid with trend arrow delta badge and solid or glass variant

Start-to-complete funnel with bar and step modes drop-off labels and completion rates

Horizontal bar chart with single bar stacked series and histogram modes

Color-intensity matrix for aggregated Likert or cross-tab data with optional scale legend

Multi-series SVG line chart with axis labels data point tooltips and legend

Dashboard filter bar with text select date and tag fields presets and clear all

Responsive CSS grid layout for widgets with optional drag-and-drop reorder in edit mode

KPI card with SVG sparkline delta badge target progress bar and loading skeleton

Pulsing anomaly indicator badge with info warn and critical severity levels

Slide-in side panel for chart drilldown details with overlay and keyboard close

Multi-segment text animation with presets fade blur slide scale rise by word char or line with viewport trigger and stagger

Typewriter effect with single text or word sequence cursor variants loop and delete speed control

Moving aurora gradient applied to text via background-clip with configurable colors speed and blend mode

Animated number counter with locale formatting prefix suffix separator and easing from start to target value

Animated gradient applied to text with shift rotate or pulse modes and linear or radial gradient support

Progressive scroll-driven text reveal by word character or line with fade and blur options

Dynamic headline word rotation with slide fade or flip transitions pause on hover and loop support

Character scramble effect triggered by hover tap auto or viewport with configurable character set and duration

Floating sparkle particles around text with configurable count size speed and colors

SVG animated highlight underline box circle or strike overlay with hover view or manual trigger

Cinematic noise-filter reveal using SVG feTurbulence and feDisplacementMap with directional clip animation

Variable font axis animation on wght wdth slnt triggered by hover scroll or viewport

Magnetic parallax text that follows the cursor within a configurable radius with friction and strength

Kinetic underline that expands from center on hover focus or active with configurable thickness and easing

Text stroke outline with animated shimmer highlight in solid or transparent fill mode

Pulsing text glow via text-shadow animation triggered always on hover or on viewport entry

Intelligent text segment highlighting with raise glow underline or gradient effects on matched words

Word-by-word blur-to-clear reveal triggered on scroll or viewport with staggered transitions

Animated skew and scale distortion effect with optional radial gradient mask

SVG grid cells with flicker animation and customizable cell size and color

Grid lines moving downward creating a continuous flow effect

Perspective 3D synthwave-style grid with perspective zoom animation and optional glow

Concentric ripple rings expanding from center with customizable frequency and amplitude

Static SVG dot matrix pattern with configurable dot size gap and opacity

Static SVG grid lines with solid or dashed variants and optional radial mask

Diagonal stripes with optional scroll animation and customizable angle and width

Canvas-based mouse-responsive grid heat effect with customizable cell size and influence radius

God rays light beams flowing downward with configurable ray count speed and opacity

Gradient mesh with subtle noise and grain texture effect using canvas

Glassmorphism with animated aurora gradient effect and backdrop blur

Mobile button component from ui-mobile

Mobile input component from ui-mobile

Mobile checkbox component from ui-mobile

Mobile radio group component from ui-mobile

Mobile toggle switch component from ui-mobile

Mobile badge component from ui-mobile

Mobile tabs component from ui-mobile

Mobile alert component from ui-mobile

Mobile progress bar component from ui-mobile

Mobile spinner component from ui-mobile

Mobile select component from ui-mobile

Mobile textarea component from ui-mobile

Mobile accordion component from ui-mobile

Mobile callout component from ui-mobile

Mobile status label component from ui-mobile

Mobile tag chip component from ui-mobile

Mobile text component from ui-mobile

Mobile heading component from ui-mobile

Mobile app shell layout component from ui-mobile

Mobile screen layout wrapper from ui-mobile

Mobile card container component from ui-mobile