VibeUI Logo
VibeUI
ExploreExtractMixerStyle PacksFavorites
Get Started
VibeUI Logo
VibeUI

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

Back to Explore
Button
4 export formats

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.

futuristicenergetictechsaas

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Create an AI action button inspired by Cursor:
1. Base: Dark background (#0F172A), white text, subtle dark border (#334155).
2. Hover State: Border transitions to a bright blue (#06B6D4).
3. Glow Effect: When hovered, add both an outer drop shadow and an inner shadow using the same blue color to create a distinct pulsating/glowing effect.
4. Icon: Include a small Sparkles icon inside the button, colored blue.
Button

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.

futuristicenergetictechsaas

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

Create an AI action button inspired by Cursor:
1. Base: Dark background (#0F172A), white text, subtle dark border (#334155).
2. Hover State: Border transitions to a bright blue (#06B6D4).
3. Glow Effect: When hovered, add both an outer drop shadow and an inner shadow using the same blue color to create a distinct pulsating/glowing effect.
4. Icon: Include a small Sparkles icon inside the button, colored blue.

Interactive Preview

Interactive Preview