Platform UI

Enhanced UI components with beautiful animations

View on GitHubDocumentation
🌟 Getting Started with Platform UI
Build beautiful interfaces with our component library

Features & Benefits

  • Fully accessible UI components
  • Seamless animations with reduced motion support
  • Dark mode compatible out of the box
  • TypeScript support with full type definitions
  • Customizable styling using Tailwind CSS
  • Consistent design language across components

Requirements

Platform UI works with React 18+ and Next.js 13+ projects. It's built on top of Tailwind CSS and integrates seamlessly with your existing project structure.

Installation

pnpm dlx shadcn@latest init
npx shadcn@latest init

This creates the necessary configuration files and installs dependencies

pnpm dlx shadcn@latest add "https://platform-ui.southguild.tech/r/animated-button"
npx shadcn@latest add "https://platform-ui.southguild.tech/r/animated-button"

Add components directly from our component registry

import { AnimatedButton } from "@/components/platform-ui/animated-button";

Import and use components in your application

View detailed installation guide →
🔧 How the Registry System Works
Understanding the magic behind the CLI
📋

Registry

Components defined in registry.json with metadata

âš¡

CLI

Fetches and installs components with dependencies

🎯

Your Code

Components copied to your project, fully customizable

Inspired by shadcn/ui