Back to skills

frontend-ui-dark-ts

design

A React UI starter built around a dark color system, glassmorphism utility classes, and Framer Motion animation variants. It ships with a Tailwind config that defines brand purples, layered neutral ba

Setup & Installation

npx skills add https://github.com/microsoft/frontend-ui-dark-ts --skill frontend-ui-dark-ts
or paste the link and ask your coding assistant to install it
https://github.com/microsoft/frontend-ui-dark-ts
View on GitHub

What This Skill Does

A React UI starter built around a dark color system, glassmorphism utility classes, and Framer Motion animation variants. It ships with a Tailwind config that defines brand purples, layered neutral backgrounds, status colors, and dataviz tokens. The layout includes an app shell, sidebar, and page transition wrapper. Instead of assembling dark theme tokens, glass utilities, animation variants, and layout components from scratch, you get a coordinated system where colors, transitions, and component classes are already wired together.

When to use it

  • Working with frontend ui dark ts functionality
  • Implementing frontend ui dark ts features
  • Debugging frontend ui dark ts related issues