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

npm install anicompo

or

yarn add anicompo

Usage

Import any component you need:

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