Design library
Velora Showcase Library
Browse all showcase sections — motion primitives, color systems, components, typography, and tools.
Built with packages/css, zero JavaScript, and vl-* motion patterns.
The component gallery has searchable browsable primitives.
Components
Browsable primitives with search and categories
Motion
CSS-only animations with vl-effect attributes
Motion
Timing, easing, and sequencing guidelines
Motion
Actuators, depth, and 3D motion patterns
Motion
Hover, press, and feedback motion patterns
Motion
Timeline and scroll-linked animation demos
Motion
Scale, transform, and depth-shift demos
Motion
Full reference of vl-effect values and motion API
Color
Perception model, harmony, and application
Color
Full --vl-* token reference and usage
Color
Swatches, tonal steps, and palette construction
Color
Depth layers and surface elevation theory
Color
Layering surfaces with alpha and blur
Color
Light model, shadow theory, and presets
Color
Editorial Noir token deep-dive
Components
Technical library of UI primitives
Components
Variants, states, and interaction patterns
Components
Inputs, selects, checkboxes, and validation
Components
Guided component configuration tool
Typography
Type scale, families, and display samples
Typography
Detailed spec: tracking, weight, and rhythm
Typography
Kinetic type and editorial layout patterns
Scenes
Full-page entrance with coordinated motion
Scenes
Staggered feature grid with scroll triggers
Scenes
Sticky scroll narrative with pinned panels
Scenes
View-timeline driven reveal sequences
Tools
WCAG contrast checker for token pairs
Tools
Convert values to Velora token equivalents
Tools
CSS layer structure and framework blueprint
Tools
WCAG 2.2 guidance and audit patterns
Tools
Overview of all framework sub-systems
Tools
Writing style, tone, and editorial guidelines
packages/pages
component_gallery.html → search and categories