GRAMLIB REACT

GRAMLIB React is a free, open-source UI component library built on core GRAMLIB components, designed with React.

This library offers a variety of interactive elements like navbars, dropdowns, modals, and sidebars, all managed by React and utilizing Tailwind CSS utility classes.

Getting Started

Discover how to begin using GRAMLIB React to enhance your project with interactive components powered by React and Tailwind CSS.

Setup Tailwind

Install Tailwind CSS by following the official installation guide.

Run the following command to install gramlib-react:

npm i @grampro/gbs-next-fwk@latest

Add the gramlib React content path to tailwind.config.js:

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/@grampro/**/*.{html,js,ts}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

Try it out as Follows

import { Button } from "@grampro/gbs-next-fwk";

export default function MyPage() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  );
}