HexalUI

HexalUI is a modular and customizable UI component library built for React. With a wide range of pre-built, reusable components, HexalUI makes it easy to build modern, responsive user interfaces without sacrificing flexibility.

Official Website

For full documentation and live demos, visit: https://www.hexalui.com/

Developer's LinkedIn

To hire me, message me on: https://www.linkedin.com/in/rohan-gotwal/

Features

• Pre-built Components: Includes buttons, cards, modals, and more.
• Customizable: Easily style and extend components using Tailwind CSS.
• Framer Motion Animations: Built-in animation support with Framer Motion.
• Storybook Integration: Fully documented components with interactive previews in Storybook.
• TypeScript Support: Type-safe components for better development experience.

Installation

You can install HexalUI via npm:

npm install hexal-ui tailwindcss postcss autoprefixer framer-motion

Or, if you're using Yarn:

yarn add hexal-ui tailwindcss postcss autoprefixer framer-motion

Usage

HexalUI components are easy to integrate into your React project. Here’s a quick example of how to use the Button component.

Example: Using the Button Component

import React from 'react';
import { Button } from 'hexal-ui';

const App = () => {
  return (
    <div className="app-container">
      <Button variant="primary">Click Me</Button>
    </div>
  );
};
export default App;