Back to Plugins
CSS to shadcndesign

CSS to shadcndesign

Import themes from CSS to shadcndesign kit.

Plugin Preview

CSS to shadcndesign preview

About this plugin

Transform shadcn/ui theme CSS into a new theme/mode in shadcndesign ui kit files. This plugin works properly only with this library.


How to use?

  1. Copy CSS code from global.css file, tweakcn or other services (must be HEX)
  2. Paste into textarea and set new name
  3. Click "Import"
  4. Find a new added theme in Variables, collection "2. Theme", as a new mode.

Plugin Details

Version1
CreatedNovember 22, 2025
Last UpdatedNovember 22, 2025
CategoryImport & export plugins
CreatorKonrad Kolasa
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none