Components Kit

A premium React component library built with Mantine and Zen Design principles.

Installation

bun add @riligar/components-kit

Setup

Ensure you have @mantine/core and @mantine/hooks installed. Import the global CSS in your application entry point:

import "@riligar/components-kit/style.css";

Basic Usage

import {
  Hero,
  FeatureSplit,
  FeaturesGrid,
  Pricing,
  FAQ,
  Footer,
} from "@riligar/components-kit";

function App() {
  return (
    <>
      <Hero
        title="O fim do código e dos plugins."
        subtitle="Tecnologia RiLiGar"
        description="Suas Landing Pages no ar em 2 minutos."
      />
      {/* ... other components */}
      <Footer />
    </>
  );
}

Available Components

• Layout & Structure: Header, Footer, Navbar, Layout.
• Marketing Sections: Hero, SocialProof, FeatureSplit, FeaturesGrid, Comparison.
• Conversion & Pricing: Pricing, FAQ, Testimonials, CTABanner, TrustBadge.
• Primitives: SectionHeader, MediaBlock, CTAButton.

Development

# Install dependencies
bun install

# Start development server (demo)
cd demo && bun run dev

# Build the library
bun run build

License

MIT © RiLiGar