Installation

Choose your framework and get started with Fidely UI

Getting Started

Fidely UI is built on top of Panda CSS and Ark UI

Choose the framework you’re using to get started. Each guide is tailored to that framework’s setup, file structure, and best practices.

Next.js (App Router)

Optimized for the App Router with server components and layouts.

Next.js (Pages Router)

For projects using the classic pages/ directory.

Vite + TypeScript

Fast local development with Vite and TypeScript.

Vite + JavaScript

Fast local development with Vite and JSX.

React Router

Client-side routing with full control over app structure.

Preset (Panda CSS)

Use Fidely UI design tokens, recipes, and utilities without React components.

Love Fidely UI? Give our repo a star ⭐ on GitHub