React Native · Web · UI Kit

Lunar Kit

A universal component library for React Native and Web.Beautiful, accessible, and built for the modern stack.

Scroll

Ship in Minutes

Get started with a single install command. Import components and build beautiful interfaces instantly.

1

Install the package

Terminal
npx lunar-kit init
2

Add the components you need

Terminal
npx lunar-kit add button card input
3

Import and start building

App.tsx
import { Button } from "@/lunar-kit/components/button";
import { Card } from "@/lunar-kit/components/card";

export default function App() {
  return (
    <Card>
      <Button variant="primary">
        Launch 🚀
      </Button>
    </Card>
  );
}

Why Lunar Kit?

Everything you need to build polished, cross-platform apps — without the headache.

Beautiful by Default

Components designed with a lunar-inspired aesthetic. Dark mode first, with elegant light mode support.

Cross Platform

Write once, run on both React Native and Web. Powered by NativeWind for consistent styling.

Developer Experience

TypeScript-first, fully typed props, auto-complete support, and comprehensive documentation.

Accessible

Built with accessibility in mind. ARIA attributes, keyboard navigation, and screen reader support.

Themeable

Fully customizable theme system. Override colors, spacing, typography, and more through simple config.

Performant

Optimized for performance with minimal re-renders, lazy loading, and efficient animations.

Ready to Launch?

Start building beautiful cross-platform apps today.