Get started
Introduction
Mekai UI is a library of animated React components for apps, landing pages and games, made by a game studio. It covers text effects, interactive animations, backgrounds, app UI and forms, plus the pieces games use to make progress feel good: XP bars, streaks, loot and leaderboards.
How it works
Every component is a single TypeScript file built with React, Tailwind CSS and Motion. You add it to your project with the CLI or by pasting the code, and from then on it is yours to change.
Each component page has a live preview with controls, so you can tune the props before you copy anything.
Free and Pro
48 components are free under the MIT license. The rest are part of Pro: one payment, lifetime updates, unlimited projects including client work.
Categories
Text Animations
Headlines and numbers that move with intent.
21 components
Animations
Cards, buttons and effects that answer the pointer.
21 components
Backgrounds
Full-bleed animated scenes for heroes and sections.
19 components
Cards & Galleries
Carousels, bento grids and showcase cards.
10 components
App UI
Navigation, overlays and feedback for real products.
22 components
Forms & Inputs
Inputs, toggles and pickers that feel good to use.
10 components
Game UI
Progress, rewards and competition for apps, courses and games.
11 components