Skip to content

Velora is a modern UI component library and documentation system built with Next.js, TypeScript, and Tailwind CSS. It features MDX-based docs, live code previews via Sandpack, and a scalable design foundation.

Notifications You must be signed in to change notification settings

rokyuddin/velora-ui

Repository files navigation

🌟 Velora

Velora is a modern, developer-friendly UI component library and documentation system.
Built with Next.js, TypeScript, Tailwind CSS, and Shadcn UI, it offers:

  • ✨ Clean MDX-based documentation
  • ⚡ Live code previews powered by Sandpack
  • 🧱 A scalable, accessible design system for web apps

🔗 Live Preview

👉 velora.dev


🛠 Tech Stack

  • Next.js (App Router)
  • TypeScript
  • Tailwind CSS
  • Shadcn UI
  • MDX (for docs)
  • Sandpack (for live code editing)
  • Radix UI (accessibility primitives)

📁 Project Structure

apps/ velora-docs/ # Main documentation site velora-core/ # Core UI components packages/ config/ # Tailwind, shadcn, eslint, etc. ui/ # Shared UI primitives and components


🚀 Getting Started

```bash

1. Clone the repo

git clone git@github.com:rokyuddin/velora-ui.git cd velora

2. Install dependencies

pnpm install

3. Run the dev server

pnpm dev

About

Velora is a modern UI component library and documentation system built with Next.js, TypeScript, and Tailwind CSS. It features MDX-based docs, live code previews via Sandpack, and a scalable design foundation.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published