104 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

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

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

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