⚡ Bolt Kits UI 🚀

Lightning-fast, animated React UI components for MVP websites. Built for startups and solopreneurs who need polished prototypes without the design hassle. Inspired by Aceternity and shadcn/ui, but MVP-optimized with Tailwind CSS and Framer Motion. Copy-paste ready — launch in hours, not days.

✨ Features

• ⚙️ MVP-Focused: Mid/high-level components like Heroes, Pricing Tables, and Carousels — skip the basics, build full pages fast.
• 💫 Animated & Accessible: Smooth Framer Motion interactions, ARIA-ready, and mobile-first.
• 🎨 Tailwind Native: Zero config — style via props, with built-in dark mode support.
• 🪶 Tree-Shakable: Import only what you need; bundles under 100kB gzipped.
• 🔒 TypeScript First: Full types, variants powered by class-variance-authority.
• 💖 Open Source Forever: MIT licensed and community-driven.

🚀 Quick Start

Installation

pnpm add @boltkits-ui/ui framer-motion tailwindcss
# or
npm install @boltkits-ui/ui framer-motion tailwindcss
# or
yarn add @boltkits-ui/ui framer-motion tailwindcss

Add Tailwind (if not already configured)

// tailwind.config.js
module.exports = {
  content: ['./src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {},
  },
  plugins: [],
};

Basic Usage

import { Hero } from '@boltkits-ui/ui';

export default function App() {
  return (
    <div className="min-h-screen bg-gray-50">
      <Hero
        headline="Launch Your MVP Today"
        subtext="Lightning-fast prototypes for startups"
        ctaText="Get Started"
        variant="saas"
      />
    </div>
  );
}

👉 See the live demo (deploy your own via apps/www).

📦 Components

v0.1.0 includes:

| Component | Description | Example | | ------------------------ | -------------------------------------------------------------------------------- | --------------------------------------------- | | Hero | Animated landing hero with headline, subtext, and CTA. Variants: saas, ecom. | <Hero headline="Your MVP" variant="ecom" /> | | Pricing Table | Interactive pricing cards with toggleable plans and highlights. | Coming in v0.2 | | Testimonial Carousel | Auto-playing quote slider with avatars. | Coming in v0.2 |

📚 Full API docs available in Storybook (fork and run locally).

⚙️ Hero Props

| Prop | Type | Default | Description | | ----------- | ------------------ | --------------- | ------------------- | | headline | string | – | Main title text. | | subtext | string | – | Subtitle text. | | ctaText | string | "Get Started" | Button text. | | ctaHref | string | "#" | Button link. | | variant | "saas" \| "ecom" | "saas" | Style theme. | | className | string | – | Custom class names. |

🎯 Roadmap

| Version | Target | Features | | ------------------- | ------ | ------------------------------------------------------------------------------ | | v0.2 (Oct 2025) | 🚀 | Pricing Table, Testimonial Carousel, Feature Grid | | v0.3 | 🧰 | CLI: npx @boltkits-ui/ui add hero, Pro Tier ($29/mo) with premium animations | | v1.0 | 🏁 | Full suite (10+ components), React 19 support, Figma kit |

Contributions welcome — see CONTRIBUTING.md.

🤝 Contributing

1. Fork the repo

2. Create a feature branch

   git checkout -b feat/amazing-hero

3. Commit changes

   git commit -m "Add amazing hero variant"

4. Push to origin

   git push origin feat/amazing-hero

5. Open a PR 🎉

Run locally

git clone https://github.com/Aakash-Yadav23/bolt-kit.git
cd bolt-kit
pnpm install
pnpm run dev --filter=www     # Demo site
pnpm run build --filter=@boltkits-ui/ui  # Build library

Code of Conduct: Contributor Covenant

📄 License

MIT © Aakash Yadav & Ayncacore Team. Built with ❤️ by the Ayncacore team.

⭐ Star us on GitHub to support development! Questions? Reach out @Aakash-Yadav23 on X (Twitter).