Dark-mode

Light-mode

Pedia UI – A Modern, Customizable UI Library

Pedia UI is an open-source UI component library designed to offer a flexible and efficient way to build beautiful, interactive user interfaces. With a focus on custom animations, AI-assisted documentation, and a built-in JavaScript Canvas tool, Pedia UI enables developers to create seamless and engaging designs effortlessly.

Core Features

Custom Animation System – Smooth, configurable UI animations.
AI-Assisted Documentation – Smart guidance for arranging and using components.
Flexible Styling – Use Tailwind CSS or plain CSS for full design control.
JavaScript Canvas UI Builder – Drag & drop components, export clean code.
Lightweight & Performant – Optimized for speed with minimal overhead.
Modular & Scalable – Import only what you need for a streamlined workflow.

Installation

npm install @pedia-ui/core
# or
yarn add @pedia-ui/core

Quick Example

import { Button } from "@pedia-ui/core";

const App = () => (
  <Button animation="bounce">Click Me</Button>
);