Uilora Logo
Uilora
ComponentsBlogMCPPlayground
Search components ⌘K
Web
App
Favorites
Close sidebar
Join

Get Started

IntroductionInstallationGetting StartedComponentsTheme ManagerTemplates
MCP
Why Uilora?

Crazy Components

404 PageDig HoleImage SliderFlower AnimationImage Trail EffectLiquid RevealPrismRussian WebsiteSketchy LineSlider PageNeon RibbonGrid Distortion

Core Landing Pages

Hero Sections10+
Complete Landing Pages22+
Startup Landing9+
SaaS Dashboards15+
Agency Portfolio21+
Auth6+

Backgrounds & Visuals

Backgrounds23+
Gradient Packs9+
Blurred Backgrounds9+
Pattern Backgrounds5+
Noise Textures6+

Navigation & Structure

Navbar6+
Footers12+
Mega Menus21+
Chat UI11+

UI Components

Forms23+
Buttons4+
Cards11+
Toasts8+
File Uploads8+
Modals & Design8+

Grids & Layouts

Bento Grids8+
Feature Grids11+
Gallery Grids17+
Masonry Grids12+

Media

Image Galleries10+
Lightboxes13+
Video Players5+
Testimonials Media11+

Content Blocks

Feature Sections8+
Testimonials20+
Stats Sections9+
Pricing18+
FAQ16+
Timeline8+
Pagination10+

Animations & Motion

Skeletons Loader5+
Parallax Scroll6+
Scroll Reveals24+
Text Animations12+
Magnetic Cursor7+
3D Transforms4+

Special Elements

Accordions9+
Tabs6+
Carousels9+
Badges5+
Avatars4+
Breadcrumbs4+
Selector5+
Tables13+
Sign In
Uilora.

Main Navigation

ComponentsBlogMCPPlayground

Environment

Get Started

IntroductionInstallationGetting StartedComponentsTheme ManagerTemplates
MCP
Why Uilora?

Crazy Components

404 PageDig HoleImage SliderFlower AnimationImage Trail EffectLiquid RevealPrismRussian WebsiteSketchy LineSlider PageNeon RibbonGrid Distortion

Core Landing Pages

Hero Sections10+
Complete Landing Pages22+
Startup Landing9+
SaaS Dashboards15+
Agency Portfolio21+
Auth6+

Backgrounds & Visuals

Backgrounds23+
Gradient Packs9+
Blurred Backgrounds9+
Pattern Backgrounds5+
Noise Textures6+

Navigation & Structure

Navbar6+
Footers12+
Mega Menus21+
Chat UI11+

UI Components

Forms23+
Buttons4+
Cards11+
Toasts8+
File Uploads8+
Modals & Design8+

Grids & Layouts

Bento Grids8+
Feature Grids11+
Gallery Grids17+
Masonry Grids12+

Media

Image Galleries10+
Lightboxes13+
Video Players5+
Testimonials Media11+

Content Blocks

Feature Sections8+
Testimonials20+
Stats Sections9+
Pricing18+
FAQ16+
Timeline8+
Pagination10+

Animations & Motion

Skeletons Loader5+
Parallax Scroll6+
Scroll Reveals24+
Text Animations12+
Magnetic Cursor7+
3D Transforms4+

Special Elements

Accordions9+
Tabs6+
Carousels9+
Badges5+
Avatars4+
Breadcrumbs4+
Selector5+
Tables13+
Join Uilora Community

Neural Integration.
AI Ecosystem.

Connect Uilora to your AI editor via the Model Context Protocol. Give Claude Code, Cursor, or Windsurf access to 548+ components — search, preview, and install without leaving your editor.

Access Control

Syncing Neural Data...

Available MCP Tools

list_componentsSearch and browse all 548+ Uilora components by keyword or category
view_componentGet the full TSX/JSX source code and dependency list for any component
add_componentDownload and install a component directly into your project directory

Setup

.cursor/mcp.json
1{
2 "mcpServers": {
3 "uilora": {
4 "command": "npx",
5 "args": [
6 "-y",
7 "uilora@latest",
8 "mcp"
9 ],
10 "env": {
11 "UILORA_API_KEY": "YOUR_UILORA_API_KEY"
12 }
13 }
14 }
15}

Where to add this

Cursor: Settings → Features → MCP → Add Server, or place in .cursor/mcp.json

Protocol Security

Your API key is never stored in plaintext on the client. MCP connections are established locally via stdio, ensuring your secret never leaves your environment during communication.

shadcn Registry

Install any Uilora component directly via the shadcn CLI — no Uilora account required. Components land in your components/ui/ folder, fully editable.

shadcn docs

Step 1 — Register once in your project

Add the Uilora registry to your project's components.json:

{ }components.json
{
  "registries": {
    "@uilora": "https://www.uilora.com/r/{name}.json"
  }
}

Step 2 — Install any component

Use the component ID from the Uilora library (same as uilora add):

Terminal
$ npx shadcn@latest add @uilora/apple-glass-nav$ npx shadcn@latest add @uilora/uilora-modern-buttons$ npx shadcn@latest add @uilora/pricing-glass

Or use a direct URL (no config needed)

Terminal
$ npx shadcn@latest add https://www.uilora.com/r/apple-glass-nav.json
Uilora logo
Uilora

A curated collection of high-fidelity components designed to build modern web interfaces with speed and precision.

Contact

support@uilora.comGitHub
Product Hunt
Featured onProduct Hunt

Web Library

  • Web Components
  • Documentation
  • Playground
  • MCP Server

App Library

  • Mobile Components
  • Platform Notes
  • Installation

Resources

  • Blog
  • FAQ
  • Contribute
  • GitHub

Support

  • About Us
  • Help Center
  • Feedback
  • Privacy Policy
  • Terms of Service

© 2026 Uilora UI. All rights reserved.

PrivacyTermsFeedback
Made withbynitin14gupta