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

Get Started

IntroductionInstallation
Using ComponentsStyling & ThemingPlatform Notes

Buttons

Hero ButtonPremium ButtonSegment Tab ControlPrimary Action Button

Cards

Booking CardPremium Product CardProfile Stats CardProfile Follow CardProgressive Blur CardSmoky Focus CardCarousel Product CardQuick Commerce Card

Loaders & Skeletons

Skeleton LoaderArticle LoadersSystem Skeletons

Toasts & Snackbars

Avatar Toast NotificationChunky SnackbarGlass ToastMini Sheet SnackbarProgress SnackbarSwipe Toast

Splash Screen

Netflix-Style IntroCinematic SplashInstagram Style Splash
Sign In
Uilora.

Main Navigation

ComponentsIntroductionInstallationPlatform Notes

Environment

Get Started

IntroductionInstallation
Using ComponentsStyling & ThemingPlatform Notes

Buttons

Hero ButtonPremium ButtonSegment Tab ControlPrimary Action Button

Cards

Booking CardPremium Product CardProfile Stats CardProfile Follow CardProgressive Blur CardSmoky Focus CardCarousel Product CardQuick Commerce Card

Loaders & Skeletons

Skeleton LoaderArticle LoadersSystem Skeletons

Toasts & Snackbars

Avatar Toast NotificationChunky SnackbarGlass ToastMini Sheet SnackbarProgress SnackbarSwipe Toast

Splash Screen

Netflix-Style IntroCinematic SplashInstagram Style Splash
Join Community

Mobile Library.

Explore our collection of high-fidelity, production-ready React Native components built for fluid performance and cinematic energy.

8 components discoverable
Open preview in new tab
PreviewGet Code
Buttons

Hero Button

A versatile hero button with multiple themes including glass, brutalist, and gradient. Features shimmer and glow animations.

heroanimated+2
Open preview in new tab
PreviewGet Code
Buttons

Premium Button

High-end button variants including Neon and Premium Shimmer effects.

premiumneon+1
Open preview in new tab
PreviewGet Code
Buttons

Segment Tab Control

Animated segmented control for switching between options with smooth spring physics.

tabsnavigation+1
Open preview in new tab
PreviewGet Code
Cards

Booking Card

Travel booking card with image slider, gradient overlays, and glassmorphism rating badge.

bookingtravel+1
Open preview in new tab
PreviewGet Code
Cards

Premium Product Card

E-commerce card with 'detached' image look, sweep corners, and dark/light themes.

commerceproduct+1
Open preview in new tab
PreviewGet Code
Cards

Progressive Blur Card

Profile card featuring a seamless gradient fade (progressive blur) from image to content.

blurgradient+1
Open preview in new tab
PreviewGet Code
Cards

Smoky Focus Card

Dark-themed event card with smoky gradient fade and overlapping avatar stack.

darkevent+1
Open preview in new tab
PreviewGet Code
Toasts & Snackbars

Glass Toast

Premium glassmorphism toast with different state colors (success, error, info).

toastglassmorphism+1
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