Viberdy

Overview

Viberdy is a library of animated React and Tailwind CSS components, templates and AI prompts aimed at vibe coding. Components are grouped into style "drops", currently 18 of them, including glassmorphism, bento box, brutalism, liquid chrome, aurora, kinetic type, spatial 3D, dither and ASCII, holo gloss and hi-vis, with each style shipped as a kit.

The shadcn registry lists 181 free components that install without an account, and free source is published at github.com/viberdy-dev/ui. Pro entries, kits and whole-site templates require a Pro API key; the site lists 267 Pro entries, 17 complete kits and 6 whole sites. Every entry comes with an AI prompt that can be pasted into other tools.

Features

• 18 design styles: Each style is released as a numbered drop with its own component kit.
• 181 free components: Magnetic button, command palette, kanban columns, toast stack, odometer counter, cursor effects and more.
• Pro WebGL pieces: Entries such as Liquid Metal Field 2.0, a raymarched WebGL2 field with zero dependencies in one TSX file.
• Whole-site templates: Examples include Ardent, Ultra, Attention and Holo Gloss sites.
• AI prompts: Each component has a copyable prompt describing its behavior, props and style.
• Reduced-motion aware: Entries note reduced-motion handling alongside size and dependency counts.

Tech stack

• React, TypeScript
• Tailwind CSS
• Framer Motion, WebGL2

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @viberdy/component-name