Skip to content
viberdy.dev
LaunchPro $6/mo, locked in

Pick a style.Ship the whole kit.

Glassmorphism, Bento, Brutalism, or pick any other of 14 design styles from the library. Premium React + Tailwind components, each with its source, a written AI prompt and a one-line install.

Browse the stylesGet Pro from $6/mo

Style 01 / 06

Spatial 3D

Open: the Spatial 3D kit
  • Claude Code
  • Cursor
  • v0
  • Lovable
  • Bolt
  • Windsurf
  • Codex
  • Replit
  • GitHub Copilot
  • Zed

viberdy.dev · Taste, installed.

A premium UI library, built one design style at a time.

viberdy ships complete React + Tailwind kits, where every piece comes with its source, a prompt written for your AI tool and a one-line install. Made for vibe coding in Claude Code, Cursor, v0 or Lovable, and for the sites you ship to clients.

Styles

14 styles. Pick one, get the kit.

A complete kit shares one type pairing, one palette and one motion character, so its pieces sit together on a page. Point at a style to see its kit running.

All styles
Try it here

Running, not screenshotted

These are the real components, live on this page. Drag, hover, hold and type. What you touch here is exactly the code you copy.

Open the library
[ sweep across ]
01Verlet Cloth BannerPro
[ hover ]
02Glare Tilt CardPro
[ pick a state ]
03Morphing Island NotchFree
[ press and hold ]
04Hold To Commit ButtonPro
[ move across ]
05Weight Wave TextFree
[ throw it ]
06Drag Inertia CarouselFree
[ press replay ]
07Aperture Iris RevealPro
[ type a code ]
08OTP Code InputFree
How it works

Copy the prompt. Paste it wherever you build.

Find an entry, tune it in the live props panel, then take it: the TSX, the CLI command, or a hand-written prompt your AI tool adapts to your project. Nothing to install first, and no account for anything free.

AI prompt · magnetic-button
Create a React + Tailwind "magnetic button" named MagneticButton.

Behavior: on mouse move over the button, the inner label offsets
toward the cursor (magnetic pull), using a Framer Motion spring
(stiffness 150, damping 12, mass 0.4). On mouse leave it springs
back to center. Props: label (string), strength (number, px).

Style: rounded-full pill, bold accent background, white bold text,
generous padding (px-8 py-4). Tactile, not corporate.

Output one self-contained "use client" component.
claude
[Pasted text #1 +18 lines]
components/ui/magnetic-button.tsx
+64 lines — matched to your theme tokens

Paste in the terminal — the source lands in your repo.

The standard

How an entry gets in.

Curated, not crowdsourced. Nothing is uploaded by strangers, and nothing ships without passing every step.

  1. 01

    A written canon

    Before anything is built, the style gets a written definition: its grammar, its type and colour, the one device that makes it that style, and the tells that make it look cheap.

  2. 02

    Built as a kit

    Hero, background, cards, navigation, controls, sections, footer and a full page are designed together, sharing one type pairing, one palette and one motion character.

  3. 03

    Reviewed from every side

    Specialist AI reviewers check the craft, the style's authenticity, that every prop does something, the security of the patterns you copy, and that the code ships outside our repo.

  4. 04

    Cut by hand

    The final call is made by a person. Entries that fall below the bar are cut, even after release.

  5. 05

    Shipped with everything

    Every entry lands with a live preview and props panel, the TSX source, a prompt written for your AI tool, and a one-line shadcn install.

Site templates · Pro

Whole sites, ready for the client

Complete websites designed as one system: nav, hero, proof, body and footer. Built for the shops and studios you actually sell to.

All templates
viberdy.dev/library/axis-supply-store-site

Axis SupplyStreetwear Store

View template
viberdy.dev/library/seventeen-studio-site

SeventeenCreative Studio

View template
Pricing

Free to start. Pro when it pays for itself.

Free entries need no account, ever. Pro unlocks every premium entry, the site templates and every drop after.

Full pricing

Free

$0forever

No account, no card. Every free entry with its source, prompt and CLI install, for personal and client work.

Pro

$6$9/month

or $59/year (was $79)

Every entry, every prompt and every new drop, with your own CLI key. Cancel anytime. The launch price is kept while you stay subscribed.

Lifetime

$161$179once

Pro for the life of viberdy.dev, every future drop included. One payment.

Team

$7/seat/month

Pro for a studio on one invoice. Every seat gets its own CLI key. Three seats minimum.

Secure checkout by Stripe · Prices in USD · Compare plans in full

Do I need an account for the free components?

No. All 161 free components are open to everyone: copy the source or install from the CLI with no sign-up, no email and no card. An account is only for Pro.

What does Pro add?

The 218 premium entries, including the complete site templates, with their full source and hand-written AI prompts, plus your own key for installing them with the shadcn CLI. Every new Pro drop is included as it lands.

Can I use the components in client work?

Yes. Free and Pro entries can both be used in unlimited personal and commercial projects, client work included, under the MIT License with a Commons Clause. No attribution is needed in what you ship; you just can't resell the components themselves.

What happens to my components if I cancel?

You keep everything you've already copied or installed — that code is yours to ship. What ends with the plan is access to Pro source on the site, new drops and your CLI key.

Ready when you are

Pick a style.

Start free with no account, or take every kit with Pro.

Browse the stylesSee pricing