Luma UI
A gallery of 39 animated React components, each with a live preview and code you can copy.
- Type
- Component library
- Built with
- Next.js, TypeScript, Tailwind CSS, GSAP, Three.js, OGL
- Live at
- component-library-murex-pi.vercel.app
Overview
Luma UI is my own library of website building blocks. Every component has its own live preview page and its source code, so I can drop a polished section into a new site in minutes.
Highlights
- 01
39 components
Eleven categories, from hero sections and bento grids to pricing and footers.
- 02
Live previews
Every component has its own preview page.
- 03
Copy the code
A code viewer with syntax highlighting.
- 04
WebGL backgrounds
Effects such as Aurora and Silk.
Tech and tools
A page per component
Next.js with a preview route for each one.
Source on demand
An API route serves each component's code.
Animation
GSAP and Framer Motion, with OGL and Three.js for WebGL.
Find it fast
A gallery you can filter by category.