design-infraReport a problem or share feedback← Catalog
Svg Shapes Animated
freecult-ui/svg-shapes-animated
Scroll-triggered stroke-draw animations for wide SVG shapes and panels using Motion
$
npx shadcn@latest add @cult-ui/svg-shapes-animatednpm deps: motion
- Source
- Cult UI
- Kind
- component
- Categories
- misc
- Use as
- drop-in — replaces your component
- Applies to
- misc
- Motion
- on scroll · medium · motion + svg · medium cost · respects reduced motion
- Tags
- motion
- Licence
- MIT (nolly-studio/cult-ui). Pro blocks/templates at pro.cult-ui.com are paid — not catalogued.
- Live demo
- www.cult-ui.com
- Docs
- www.cult-ui.com
Similar
Compare all 4 →- Animated Alertbeui/alertComposable feedback with smooth transitions.
- Arc Pickerbeui/arc-pickerRadial text picker with top, bottom, left or right curves, smooth wheel movement and live selection on each scroll step. One persistent bracket frame grows and squeezes around each label. Supports drag momentum, keyboard input, disabled choices, controlled or uncontrolled values, forms and reduced motion.
- Aspect Ratiobeui/aspect-ratioResponsive media with smooth aspect ratio transitions.