Skecher UI Docs
Animated React components built to stay out of your way.
Explore focused motion components, copy the source into your project, and keep full control over the final interface.
A short path from demo to product.
These docs keep the workflow close to the code: preview the component, install its small dependency set, then adapt the source to your system.
- 01
Pick a component
Start with a motion primitive that matches the moment you are building.
- 02
Install only what it needs
Each page lists its command, dependencies, source file, and usage example.
- 03
Shape it in your UI
The components are made to inherit your layout, type scale, and interaction style.
Components
Start with the pieces available today.
Every page includes a live preview, installation guidance, source, and a usage snippet.
Streaming Text
A soft word-by-word text reveal for hero copy, onboarding moments, empty states, and editorial interfaces that need a polished animated entrance.
Morphing Text
A text morphing effect for hero copy, onboarding moments, empty states, and editorial interfaces that need a polished animated entrance.
Liquid Glass Social
A polished animated UI primitive for expressive product interfaces.
Image Glide
A clean image interaction component with pointer depth, soft image transitions, and a compact thumbnail rail.
Image Density Grid
A percentage-controlled image grid that reflows every frame into a denser or sparser layout with layout motion, soft blur, and a temporary glow during density changes.
Morphing Action Dock
A floating action dock that merges into one compact surface and splits into contextual actions on hover, focus, or pin.
Gooey Toolbar
A polished animated UI primitive for expressive product interfaces.