Home page
Home page
Radix UIComponent LibraryReactTypeScriptReusable UITailwind CSSFront-end ArchitectureCustomizable Components

Custom UI library built with Radix, inspired by shadcn, offering reusable, flexible components with dark/light mode styling, developed in collaboration with a designer for rapid front-end development.

ninjaProject Highlights

  • Radix-Powered Foundation
    Built components on top of Radix primitives to ensure accessibility and flexibility.
  • Reusable & Flexible Components
    Created a set of reusable UI components that are easily customizable for different projects.
  • Dark/Light Mode & Designer Collaboration
    Implemented dark/light mode styling and worked closely with a designer to align UI/UX vision.
  • Ready-to-Use Styling
    Added basic styling for rapid front-end development, similar to popular UI libraries like Chakra UI and Material UI.
React icon
Next.js icon
TypeScript icon
TanStack icon
Shadcn/ui icon
Storybook icon
HTML5 icon
CSS3 icon
Javascript icon
Tailwind CSS icon
Sass icon
CSS Modules icon
VS code icon
Github icon
Figma icon
UX/UI icon
Photoshop icon
Illustrator icon
React icon
Next.js icon
TypeScript icon
TanStack icon
Shadcn/ui icon
Storybook icon
HTML5 icon
CSS3 icon
Javascript icon
Tailwind CSS icon
Sass icon
CSS Modules icon
VS code icon
Github icon
Figma icon
UX/UI icon
Photoshop icon
Illustrator icon
contact me banner