TastefulKit 2 views · 24h
← UI libraries

Klarden UI

Copy-in React interaction components with spring-based animation, including a magnetic dock, radial commands, signature drawing and cursor-driven image trails.

ReactNext.jsTailwind CSS
Visit library ↗ GitHub repository ↗

Working with this library

Checked 2026-10-27 against official sources. Official introduction and README verify React components, TypeScript, Tailwind CSS v4 and Next.js App Router compatibility. Add individual source files through the shadcn registry URL and import locally; documented dependencies include framer-motion, lucide-react, clsx and tailwind-merge. README and current website terms explicitly grant MIT use with retained notices, but no standalone repository LICENSE was returned by GitHub; preserve and confirm the distributed notice before reuse. Free source; sponsorship/donations are optional, not a paid component tier. Editorial: a focused decorative interaction complement rather than a full application design system. Test touch alternatives, keyboard navigation, focus and reduced motion yourself. Demo media/Spotify imagery have separate rights; sponsor placeholders are not verified endorsements.

Pricing

Public library source

Free

No-charge library only; retain notices. Separate assets/services excluded.

Last checked Oct 27, 2026. Prices and licensing may change.

Check current pricing and terms ↗

Landing page preview

Landing page of Klarden UI

Captured Oct 27, 2026. This is a visual reference; check the library's license before using its components.

A little more taste in your inbox.

A weekly selection of standout designs, useful UI elements, and fresh inspiration from TastefulKit.