HexalUI - Component Library

Getting Started

To install HexalUI, you can use npm or yarn:

npm install hexal-ui tailwindcss postcss autoprefixer framer-motion

Or, if you're using Yarn:

yarn add hexal-ui tailwindcss postcss autoprefixer framer-motion

To integrate HexalUI with Tailwind CSS, follow these steps:

Initialize Tailwind CSS in your project if you haven't already:
npx tailwindcss init -p
Update tailwind.config.js to include HexalUI components:
module.exports = { content: [ "./node_modules/hexal-ui/components/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,ts,jsx,tsx}", // Adjust based on your file structure ], theme: { extend: {}, }, plugins: [], };
Import Tailwind CSS into your main stylesheet, typically globals.css:
@tailwind base; @tailwind components; @tailwind utilities;