Jolyui Studio
Browse all 48 animated shadcn/ui components, preview beams, counters and typewriters, and copy the code.
Jolyui Studio — browse all 48 animated shadcn/ui components, preview beams, counters and typewriters, and copy the code.
How to use Jolyui Studio
- Search or filter the 48 components by name or category, then pick one to inspect
- Read the real props from the repo source and copy the install steps for that component
- Try the AnimatedBeam playground: change curvature, duration and direction and watch the beam
- Try the NumberCounter playground: set a target, duration, decimals, prefix and suffix, then replay it
- Try the typewriter and glitch playgrounds with your own words, then copy the code into your project
Features
- All 48 real Joly UI components from the repo registry, searchable and grouped by category
- Live AnimatedBeam playground with the real curvature, duration, reverse and gradient props
- Live NumberCounter playground with from, duration, decimals, prefix and suffix controls
- Live TypewriterText and GlitchText playgrounds using the repo's real prop defaults
- Copy-ready install steps: the real framer-motion, lucide-react, clsx and tailwind-merge command
Frequently asked questions
Is it free?
Yes, unlimited.
Login to use this free online tool. Create a free account to get started.