Pre-installed Components
Learn how to use components in Indie Kit
Pre-installed Components 🎨
Indie Kit comes with a variety of pre-built components to help you create beautiful websites quickly. Here's what's available:
Hero Sections 🚀
Hero sections are the first thing visitors see on your website. Choose from these options:
Hero 1
import Hero1 from "@/components/sections/hero-1";
Hero 2
import Hero2 from "@/components/sections/hero-2";
Call to Action (CTA) 📢
Effective CTAs to drive user engagement:
CTA 1
import CTA1 from "@/components/website/cta-1";
CTA 2
import { CTA2 } from "@/components/website/cta-2";
Feature Displays 💫
Showcase your product features:
Feature Grid
import FeatureGrid from "@/components/sections/feature-grid";
Feature Accordion
import FeatureAccordion from "@/components/sections/feature-accordion";
Testimonials 💬
Display social proof with these testimonial layouts:
Testimonial Grid
import TestimonialGrid from "@/components/sections/testimonial-grid";
Testimonial Style 1
import Testimonial1 from "@/components/sections/testimonial-1";
Testimonial Style 2
import Testimonial2 from "@/components/sections/testimonial-2";
Footer 👇
Minimal footer design for a clean look:
Minimal Footer
Usage Tips 💡
- All components are built with Tailwind CSS
- Fully responsive out of the box
- Customizable via props
- Dark mode support
- Accessible by default
Choose the components that best fit your needs and customize them to match your brand! 🎨