What are Agentic UI Components & Prompts?

Agentic UI is a curated library of 300+ interactive React 19 and Tailwind CSS UI components with prompt specifications engineered specifically for AI coding agents like Cursor, Claude Code, Windsurf, and v0.

How do I use these components with Cursor or Claude Code?

Click on any component to copy its agent prompt or production TSX code. Paste the prompt directly into your AI coding tool to have the agent scaffold and customize the component in your project.

Are these React components free to use?

Yes, components across Agentic UI and Lightswind UI are free and open-source for personal and commercial projects.

Explore UI Components & Prompts

Production-ready React components and prompt specifications crafted for AI coding agents and frontend engineers. Copy prompt specifications or view live previews in 1-click.

304+Verified ComponentsAgent Verified: Cursor, Claude, Windsurf, v0Tailwind CSS v4 & React 191-Click Copy Prompt & TSX100% Free & Open Source

Modern Navbar

React • Tailwind CSS

9.2kviews

Sparkle Button Animated

React • Tailwind CSS

7.7kviews

Fish Site Template

React • Tailwind CSS

21.1kviews

Glass Navbar (with Toggle)

React • Tailwind CSS

16.5kviews

Smooth Sidebar Menus

React • Tailwind CSS

6.2kviews

Animated Electric Form

React • Tailwind CSS

8.7kviews

Animated Carousel

React • Tailwind CSS

7.2kviews

Animated Gradient Form

React • Tailwind CSS

9.7kviews

Modern Carousel

React • Tailwind CSS

7.9kviews

Animated Delete Button

React • Tailwind CSS

5.6kviews

Toggle Share Button

React • Tailwind CSS

9.2kviews

Glass Style Navbar

React • Tailwind CSS

7.4kviews

Cursor Interaction

React • Tailwind CSS

8.3kviews

Smokey Effect Cursor

React • Tailwind CSS

14.7kviews

Upload Button (Animated)

React • Tailwind CSS

12.9kviews

Modern Slider

React • Tailwind CSS

6.8kviews

Loading components...