An exceptionally lightweight and highly customizable CSS and JavaScript framework for crafting elegant user interfaces. 🎨💡
- Install package
# npm
npm i @chrissgon/perfectui
# yarn
yarn add @chrissgon/perfectui
# pnpm
pnpm i @chrissgon/perfectui
# bun
bun i @chrissgon/perfectui
- Import library on your project.
import { setMode } from "@chrissgon/perfectui";
import "@chrissgon/perfectui/dist/perfectui.css";
- Import CDN's on your html.
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@chrissgon/perfectui@latest/dist/perfectui.css"
/>
<script src="https://cdn.jsdelivr.net/npm/@chrissgon/perfectui@latest/dist/perfectui.js"></script>
<script>
// access the functions via window or document
console.log(window.perfectui); // { setMode: ƒ ...}
console.log(document.perfectui); // { setMode: ƒ ...}
</script>
Read all documentation in docs folder or in the official website.
This project is open source and welcomes community contributions. Feel free to fork, implement improvements, and submit a pull request. Every contribution is valued and appreciated!
Feel free to explore the source code, provide feedback, and report any issues you encounter.
Perfect UI Figma is free for both commercial and personal projects.