Back to Projects

cosmic-ui

2024-2025

Personal React component library with dark glassy aesthetic, CSS variable theming, and Next.js 15+ compatibility.

React
TypeScript
Radix UI
Design System

About

A lightweight design system and React component library built on Radix UI primitives. Features a premium dark theme with glass morphism effects, CSS variable-based theming, command palette (cmdk) integration, and optimized for Next.js App Router with proper ESM/CJS exports. Published on GitHub Packages and used across all my projects for consistent cosmic-themed UI/UX.

Tech Stack

Frontend

  • React 18/19
  • TypeScript
  • Radix UI
  • cmdk
  • Tailwind CSS

Tools

  • tsup
  • class-variance-authority
  • CSS Variables
  • GitHub Packages