🌸 Rangoli UI – Beautifully Crafted Components for Modern Web Apps ✨

Rangoli UI is a sleek and customizable React component library built on shadcn/ui and Tailwind CSS. 🚀 Designed for developers who want scalable, accessible, and aesthetic UI components without the bloat.

🔥 Features

✅ Pre-styled, themeable components 🎨
✅ Optimized for performance & accessibility ♿
✅ Dark mode support 🌙
✅ Easy integration with Next.js & Vite ⚡
✅ Developer-friendly & lightweight 🚀

🚀 Usage

Simply copy and paste the code into your project:

<PricingCard
  planTitle="Basic"
  planDescription="Create interactive forms that connect to your workflow"
  price={["24", "242"]}
  isMonthly={true} /*can change dynamically */
  features={[
    "100 responses/mo included",
    "1 user",
    "Unlimited forms",
    "Unlimited questions",
  ]}
  seeAllFeatureLink="/basic-features"
/>

For dependencies and setup, visit the Setup Guide.

🎨 Customization

Rangoli UI is fully customizable with Tailwind CSS. Extend styles using your tailwind.config.js:

module.exports = {
  theme: {
    extend: {
      colors: {
        primary: "#ff6b6b",
      },
    },
  },
};

📖 Documentation

Find full documentation at www.rangoliui.me.

🤝 Contributing

We welcome contributions! To contribute:

1. Fork the repo 📌
2. Create a new branch ✨
3. Commit changes 💡
4. Submit a PR 🚀

💡 Want to Contribute to Live Component Examples?

If you want to contribute to live component examples, we have a separate repository for that! Check out Live Components Example Repo and submit your improvements there.

🛠 Setting Up Local Mintlify Server

Rangoli UI documentation is built with Mintlify. To set up a local development server:

npx mintlify dev

For more details, visit the Mintlify Docs .

🛡️ License

Rangoli UI is licensed under the MIT License.

💖 Made with love by Akshay Yadav