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

Button

6 of 6 materials

Apple Magnetic Glass

A heavily damped, physics-driven glass button. Features a subtle frosted background that physically depresses on click with a smooth, long-tail deceleration curve.

View Source

Linear Border Sweep

A highly sophisticated dark mode button. A subtle gradient spotlight constantly sweeps around the border, while the center remains a deep obsidian. Perfectly suited for main Call-To-Actions.

View Source

Stripe Fluid Mesh

An energetically colorful light mode button. Features an organic, fluid mesh gradient background that smoothly expands and brightens on hover.

View Source

Vercel Ghost Outline

An ultra-minimalist dark mode button. By default, it acts as a silent ghost button. On hover, a sharp 1px border glows and the text brightens instantly.

View Source

Cursor AI Action

The distinctive glowing AI action button from Cursor IDE. Features a subtle blue animated border setup and a pronounced inner glow on hover.

View Source

Vercel Deploy Primary

The iconic high-contrast inverted button from Vercel's deployment flow. Solid white foreground on black with a subtle scale effect.

View Source