VibeUI
ExploreStyle PacksFavorites
Get Started
VibeUI

Design ingredients for AI coding. Built for Cursor, Windsurf, and beyond.

Color PaletteTypographyShadowBorder RadiusGradientSpacingNavbarButtonCardHero SectionEasing CurveMicro InteractionBackgroundStyle Pack
Visual FoundationColor PaletteTypographyShadowBorder RadiusGradient
LayoutSpacing
ComponentsNavbarButtonCardHero Section
MotionEasing CurveMicro Interaction
DecorationBackground
PackagesStyle Pack

Card

4 of 4 materials

Scale resolved bugs 52% faster
Read Story

Linear Customer Card

A spacious, dark-theme bento box card designed for showcasing case studies. Features a delicate translucent border, a minimalist logo badge, and a bottom-weighted typography layout. Interacts with a subtle border bloom on hover.

View Source
CustomersTrusted by the best teams

Vercel Feature Item

A highly condensed, high information density list item card. Features a 40x40 icon box with a subtle 1px border. On peer hover, the icon box brightens and casts a snappy shadow to indicate interactivity.

View Source
Cursor

I've reviewed your registry implementation. The approach looks solid, but let's optimize the render cycle to prevent layout trashing.

// Suggested fix
const Card = CardPreviewRegistry[category];

Cursor AI Chat Message

A sleek, developer-focused chat bubble inspired by Cursor IDE. Features a distinct indented content area with a subtle border left to denote AI responses.

View Source
Search commands...
New Terminal
⌘T
Open Settings

Windsurf Command Menu

A floating, translucent command palette inspired by Windsurf IDE. Designed for global search, precise styling, and distinct active states.

View Source