Foundations
Primitives, animations, neutral
Shared atomic layer used by every design language: form primitives, surface primitives, and motion utilities. Language-agnostic styling via CSS variables.
Components (28)
Button
Rounded action primitive for primary, secondary, outline, and ghost actions.
Badge
Compact label treatment for statuses, tags, and soft metadata.
Card
Minimal surface primitive for elevated content blocks and panels.
Input
Styled text input with focus ring and disabled states.
Textarea
Multi-line text input with focus ring and disabled states.
Label
Accessible label primitive for form fields.
Separator
Horizontal or vertical divider for grouping content.
Avatar
Circular avatar with image and fallback composition.
Skeleton
Pulse-animated placeholder for loading states.
Alert
Informational or destructive alert with icon slot.
Switch
Controlled or uncontrolled toggle switch with smooth thumb animation.
Tabs
Controlled or uncontrolled tab list with panels and active indicator.
Dialog
Modal overlay with backdrop, close button, and focus behavior.
Tooltip
Hover-triggered tooltip with four placement sides.
Dropdown Menu
Click-triggered menu with items, labels, and separators.
Checkbox
Styled checkbox with controlled or uncontrolled state.
Select
Native select styled with focus ring and dropdown icon.
Progress
Horizontal progress bar with animated fill.
Accordion
Expandable accordion with single or multiple-open modes.
Powered by ComCreate
Self-contained 'Powered by ComCreate' credit badge for client-site footers.
Stats Block
Four-column numeric stats grid with labels and deltas.
Team Grid
Four-column team grid with gradient avatar placeholders.
Fade In
Declarative wrapper that fades and translates its children into view on mount.
Text Reveal
Word-by-word scroll-triggered reveal for headlines and editorial copy.
Marquee
Infinite horizontal scroller with direction, speed, and pause-on-hover controls.
Shimmer
Gradient text shimmer for loading states and subtle emphasis.
Letter Reveal
Letter-by-letter scroll-triggered reveal with configurable stagger and start delay.
Typing Cursor
Typewriter effect that types phrases with a blinking cursor.