Spring Playground

Tune a spring and watch its overshoot and settle, plotted live.

Library

UI Lab

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add https://lab.xevrion.dev/r/spring-playground.json

Files

• src/lab/components/spring-playground.tsx
• src/lib/use-reduced-motion.ts
• src/lib/cn.ts

Source

https://github.com/xevrion/ui-lab

Categories

• Animation Primitive Components
• React Animation Primitive Components
• Tailwind CSS Animation Primitive Components
• Animated Animation Primitive Components
• Dev Tool Components
• React Dev Tool Components
• Tailwind CSS Dev Tool Components
• Animated Dev Tool Components
• Utility Components
• React Utility Components
• Tailwind CSS Utility Components
• Animated Utility Components

More from UI Lab

• Accordion
• Activity Timeline
• Announcement Banner
• Arrow Callout
• Autosave Status
• Availability Badge
• Avatar Stack
• Back To Top
• Badge Counter
• Balance Scale
• Bar Chart
• Binary Year