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

Get Started

Introduction
Installation
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

Introduction
Installation
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

Setting Up.
Build Anywhere.

Get Uilora running in your project in minutes. We support Expo and standard React Native workflows with high-fidelity performance.

Choose Your Path

Uilora SDK

A full-featured SDK for advanced teams. Manage all components through a single command line interface.

Coming Soon
1

Initialize Project

First, create a new Expo app if you haven't already. We recommend using the latest version for the best experience.

Mobile Terminal
npx create-expo-app@latest
2

Install Dependencies

Uilora components leverage standard libraries for physics-based animations, blurs, and beautiful gradients.

Mobile Terminal
npx expo install react-native-reanimated expo-blur expo-linear-gradient
3

Update Configuration

Add the Reanimated plugin to your babel.config.js or app.json to ensure smooth 60FPS+ animations.

Mobile Terminal
plugins: ['react-native-reanimated/plugin']
4

Inject Source

Browse our library, find a component you like, and copy the raw source directly into your project's components folder.

Ready to accelerate?

Start browsing the collection and bring cinematic interactions to your mobile users today.

Back to Intro
Browse Library
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
  • Pricing
  • 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