anicompo
Version:
A collection of beautiful React components with advanced glass morphism effects and Framer Motion animations
80 lines (60 loc) • 1.47 kB
Markdown
# Anicompo
A beautiful React component library with advanced glass morphism effects and Framer Motion animations.
## Features
- 🎨 Glassmorphism UI components
- ⚡ Smooth Framer Motion animations
- 🧩 Easy to use, tree-shakable imports
- 📦 Lightweight and modern
## Installation
```bash
npm install anicompo
```
or
```bash
yarn add anicompo
```
## Usage
Import any component you need:
```jsx
import {
Button,
Input,
Box,
Toggle,
Calendar,
Title,
UploadBox,
Icon,
} from "anicompo";
function App() {
return (
<div>
<Button>Click me!</Button>
<Input placeholder="Type here..." />
<Box>Content</Box>
<Toggle />
<Calendar />
<Title>Section Title</Title>
<UploadBox />
<Icon name="star" />
</div>
);
}
```
## Components
- **Button**: Animated glassmorphism button
- **Input**: Stylish input field
- **Box**: Glassmorphism container box
- **Toggle**: Switch/toggle component
- **Calendar**: Minimal calendar picker
- **Title**: Section/title component
- **UploadBox**: Drag-and-drop file upload
- **Icon**: SVG icon component (many built-in icons)
Demo components (for development/testing):
- `ButtonDemo`, `InputDemo`, `BoxDemo`, `ToggleDemo`, `CalendarDemo`, `TitleDemo`, `UploadBoxDemo`, `IconDemo`
## Requirements
- React 16.8.0 or higher
- React DOM 16.8.0 or higher
- framer-motion 10.0.0 or higher
## License
MIT © [Thanh Le](https://github.com/samuel7232003)