Solancn UI

Beautifully designed components you can copy and paste into your apps. Accessible. Customizable. Open Source.

Solancn UI is a reusable component library for React, Next.js, and other JSX-based libraries. Currently, we support React and Next.js only. Our goal is to create next-level UI with minimal code, optimal performance, and a modern feel.

💡 Why Solancn UI?

Solancn UI is born from real development needs — built by a developer, for developers.

✨ Features

  • 🎨 Modern Design: Clean and beautiful UI components.
  • âš¡ High Performance: Built with performance and accessibility in mind.
  • 🧱 Easy to Customize: Easily themeable with Tailwind CSS.
  • 🔄 Smooth Animations: Powered by the excellent framer-motion library.
  • 🧩 Icons Included: lucide-react icons are integrated out of the box.

🚀 Getting Started

You can add Solancn UI components to your project in two ways: using our CLI for a quick setup or by manually copying the component code for more control.

CLI Installation

Our CLI will guide you through the process of adding components to your project. Here is an example of how to add the Tabs component:

Loading...

Manual Installation

For manual installation, you can copy and paste the component code directly from our documentation into your project.

  1. Choose a Component: Browse our component library and find what you need.
  2. Copy the Code: You can view and copy the source code for each component.
  3. Paste and Customize: Paste the code into your project and customize it to fit your needs.