FoundationsComponentsPages
🚀 About LunaThis open-source UI Kit is built on MUI (Material Design 2), and it's here to make your life easier! Whether you're designing or coding, this kit gives you a solid, flexible foundation to create modern web apps without starting from scratch. It's all about keeping things consistent, scalable, and super customizable. Oh, and we're always adding more cool components, so keep an eye out for updates. There's more awesome stuff on the way.
🔥 What's Inside?
  • A growing collection of components
  • Fully customizable with the MUI theme system
  • Optimized for designers in Figma & developers in Next.js
🔄 Ongoing UpdatesThis UI Kit is a work in progress, and it's getting better all the time! We're constantly adding new components and making improvements, so keep an eye out for updates. Your feedback and ideas are always welcome to help shape the future of this kit.
🤝 Get InvolvedThis project is all about community love! If you're excited to help improve or expand the kit, we'd love to have you on board. Whether it's fixing bugs, adding components, or sharing ideas, your contributions make this kit even better.
📬 Want to get involved?Reach out, let's build something awesome together!
ColorsThis color system is built on MUI's foundation, making it super flexible and easy to scale. It's designed to keep your designs consistent and cohesive, with a full palette of primary, secondary, and neutral colors. Whether you're tweaking themes or creating new components, this system has you covered.
ElevationThe elevation system is built on MUI's foundation, using soft grey shadows to create depth and hierarchy. It's designed to be clean and subtle, but you're free to add more layers or customize it to fit your project's vibe. Go ahead, make it your own.
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
IconsLet's use Tabler Icons! With over 4,000 free, open-source icons, Tabler gives your website or app a fresh, consistent, and downright beautiful look. Whether you're building a dashboard, a landing page, or an app, these icons have got you covered. Time to make your designs pop.
Loading...
TypographyIt's based on MUI 3 and seamlessly integrated into the default options of MUI 2. While you can use both versions, we strongly recommend switching to this new version for both design and development.
Button
Loading...
Checkbox
Loading...
Radio Group
Loading...
Switch
Loading...
Text Field

Helper text

Loading...