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

Get Started

IntroductionInstallationGetting StartedComponentsTheme ManagerTemplatesMCPWhy 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 ManagerTemplatesMCPWhy 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

Cards

Browse our collection of card components

Showing 11 results
Open preview in new tab
PreviewGet Code
UI Components

Cinematic Movie Card

A premium, motion-heavy card inspired by modern streaming platforms. Features expanding headers, cinematic fades, and high-impact typography for movie or portfolio showcases.

cardcinematic+4
Open preview in new tab
PreviewGet Code
UI Components

Dynamic Action Card

An interactive, expandable card that transitions between 'processing' and 'complete' states. Perfect for file uploads, status updates, or interactive dashboards.

carddynamic+4
Open preview in new tab
PreviewGet Code
UI Components

Floating Badge Product Card

A minimalist product display card featuring a 3D-effect floating image and an animated notification badge. Designed for e-commerce and featured item grids.

cardproduct+4
Open preview in new tab
PreviewGet Code
UI Components

Glassmorphic Pricing Card

A futuristic pricing tier component with high-octane glassmorphism, glowing borders, and animated gradients. Built for premium SaaS landing pages.

cardpricing+4
Open preview in new tab
PreviewGet Code
UI Components

AI Prompt Input Card

A specialized interaction card for AI-driven applications. Features a clean dark aesthetic, glass glow accents, and utility action buttons for file attachments and web searches.

cardinput+4
Open preview in new tab
PreviewGet Code
UI Components

Mechanical Keyboard Showcase

A stunning, full-detail mechanical keyboard component with a signature Indigo/Blue glow theme. Uses styled-components for complex lighting and keycap depth.

cardkeyboard+4
Open preview in new tab
PreviewGet Code
UI Components

Modern Narrative Blog Card

A vertical card designed for high-end editorial content. Features a top-to-bottom gradient, bold condensed typography, and a hidden 'Arrow' action button revealed on hover.

cardblog+4
Open preview in new tab
PreviewGet Code
UI Components

Spotify-Style Glass Player

A sleek music/album card with frosted glass textures and sky-blue accents. Includes track counts, subtitles, and a hover-active album art scale effect.

cardmusic+4
Open preview in new tab
PreviewGet Code
UI Components

Utility Glass Overlay Card

A minimalist square card with a persistent 'Notify me' glass footer. Ideal for coming-soon items, gated content, or quick-action product displays.

cardoverlay+3
Open preview in new tab
PreviewGet Code
UI Components

Designer Portfolio Card

A professional profile card with a deep gradient overlay and a signature floating 'Plus' button. Optimized for team pages and visual designer showcases.

cardprofile+4
Open preview in new tab
PreviewGet Code
UI Components

Cyan Glow Checklist Card

An encouraging achievement or feature list card. Features a soft corner glow, cyan checkmarks, and a powerful gradient button.

cardsuccess+4
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