aime-component-library v1.0.2
aime-component-library
This is a library that converts Figma designs into code.
About
The aime-component-library is a comprehensive library that converts Figma designs into reusable front-end components. This library offering an extensive collection of components such as form inputs, cards, buttons, avatars, label and more. Each component is available in various sizes, shapes, and configurations, ensuring flexibility and adaptability to different design requirements.
By leveraging aime-component-library, developers can significantly streamline their workflow and maintain design consistency across projects. Instead of spending time designing and coding common UI elements from scratch, developers can simply import and use the pre-built components from this library. This not only saves valuable development time but also ensures that the UI elements remain uniform, adhering to the original Figma designs.
Using aime-component-library enhances efficiency, fosters design consistency, and simplifies the development process, making it an essential tool for any project that requires standard UI components.
The library is designed with flexibility and customization in mind. Developers can easily customize the appearance and behavior of components to fit their project's specific requirements. Additionally, With aime-component-library, developers can expect regular updates and version releases, ensuring ongoing support and compatibility with the latest frameworks and tools
How to Set Up
To integrate aime-component-library into your project, follow these steps:
- Install via npm:
npm i aime-component-library(if pops up error trynpm i --forceORnpm i --legacy-peer-deps) - Install via Yarn:
yarn add aime-component-library
Ensure aime-component-library is listed as a dependency in your project's package.json file
How to Use
Once you have installed aime-component-library in your project, you can start using its components by following these steps:
- Import the desired component from aime-component-library into your project file.
- Use the imported component in your code like any other component.
Syntax will follow like
import { Button, Avatar, Card, Input, Label } from "aime-component-library";
<Button variant="primary">AIME</Button>
<Avatar size='2xl' initials="SA" shape='circle' border />
<Label variant="positive" size="large" text="Label Message" />