Welcome to nexa-ui, a cutting-edge component library for React designed for both developers and designers.
- Styling Flexibility: Designed to adapt seamlessly with popular CSS frameworks like Tailwind, Bootstrap, and your custom styles.
- Integrated Animations: Enjoy smooth, high-quality animations courtesy of animate.css.
- Icon Support: Leverage Font Awesome icons to enhance your UI components.
- Custom Interactions: Add interactive flair to your UI with our advanced custom features.
- Fully Customizable: Tailor each component to align perfectly with your brand.
- Regular Updates: An actively maintained library, stay tuned for regular feature updates and improvements.
To install nexa-ui, run the following command:
npm install nexa-ui
nexa-ui
is meticulously crafted to offer utmost flexibility. Here are ways you can use our library:
Simply import our Button, Card, and other components to get started instantly.
import { Button, Card } from 'nexa-ui';
Want to add some nexa-ui magic to your custom or third-party components? You can directly use our utility hooks like useCoolMode
, useDrippyMode
, etc.
import {
useCoolMode,
useRainingMode,
useExplodedMode,
useDrippyMode,
} from 'nexa-ui';
import React from 'react';
import { useCoolMode } from 'nexa-ui';
const MyCustomButton = () => {
const coolMode = useCoolMode();
return (
<button {...coolMode} className="my-custom-button">
My Cool Button
</button>
);
};
We are constantly working to improve nexa-ui
and add new features. Keep an eye on this space for future updates.