Copy and paste components
Copy, paste, and customize. Our free components are here to speed up your React projects.
Quickly build websites with our pre-built components. Save time and focus on what matters.
See all components



React JS and Talwind CSS Componentes
Lunaris UI is library of prebuilt simple componenets to help you save time while building your own project or to inspire you to build your own!
Easily integrate Tailwind CSS and Framer Motion components into your Next JS or React JS apps. Copy, paste, and customize—it's that simple.
See all componentsAbout
Lunaris UI is a personal side project that I started to think about after recognizing a recurring pattern in my freelance work constantly reusing and customizing the same components across various projects. To streamline this process and help other developers in their careers, I created Lunaris UI, a library of simple, ready-to-use components designed to be easily copied and pasted into any project.
Built on Next.js, React.js, Tailwind CSS, and Framer Motion, Lunaris UI offers a collection of components that are both versatile and easy to integrate. These are the only dependencies you'll need to install, making it a lightweight solution for any project, whether personal or commercial.
Lunaris UI is aimed at developers who need customizable components for their projects. Whether you're building something for yourself or for a client, these components are free to use and modify however you see fit. My goal with this library is to empower developers with a toolkit that simplifies their workflow, allowing them to focus on creating amazing products.
Feel free to explore, use, and customize these components to fit your needs. I'm excited to see how Lunaris UI can help others in their development journeys.
Lunaris UI
Author: Daniel Kowalski
How to use?
1. Create React/Next JS project
2. Install Tailwind CSS
// if you're using next js it asked you if you want to use next js.
// if you said yes, skip this step
// if you said no, install dependencie
3. Install Framer Motion
4. Copy, paste, and customize if needed, components into your project