Builder Kit is a high-performance repository of curated system prompts and UI modules for building AI SaaS products. It provides a standardized way to manage prompts for Claude, GPT, and other models, alongside reusable frontend components. Use Builder Kit to accelerate your development, learn from real-world examples, and assemble high-converting SaaS flows with proven patterns.
- Visual editor for building AI SaaS landing pages and flows
- Prebuilt modules: CTA, Hero, Features, Testimonials, Pricing, and more
- Customizable UI components and themes
- Analytics-ready event hooks and A/B testing support
- Easy integration with your backend or authentication system
- Responsive design and mobile optimization
- One-click preview and deploy
- Clone this repository:
git clone https://github.com/your-org/builder-kit.git cd builder-kit - Install dependencies (if applicable):
npm install # or yarn install
- Start the Builder UI:
npm run dev # or yarn dev - Build your landing page:
- Drag and drop components (Hero, CTA, Features, etc.)
- Edit text, images, and styles in the visual editor
- Integrate CTAs for signup, demo, or contact actions
- Preview and deploy:
- Use the preview button to test responsiveness
- Deploy with one click or export code for your stack
- CTA Module: Reusable call-to-action components for driving conversions
- Landing Page Guide: Step-by-step instructions and best practices for building high-converting landing pages
Here’s a sample landing page structure using Builder Kit components:
<LandingPage>
<Hero title="AI SaaS for Everyone" />
<Features items={featuresList} />
<CTAButton text="Get Started" />
<Testimonials data={testimonials} />
<Pricing plans={pricingOptions} />
</LandingPage>Contributions are welcome! Please read our Contributing Guide and Code of Conduct before getting started.
This project is licensed under the MIT License.