Violet Design System Starter

Violet Design System is a collection of beautifully designed UI components that’ll help you get started with your design system. All the components are responsive and use Figma’s Auto Layout and Variants. It is based on TailwindCSS tokens and uses Feather Icons for the icon library.

You can also preview the design system here:

https://www.figma.com/community/file/949313413942928468

Here's what you get:

Core

↳ Typography
↳ Colors
↳ Shadows
↳ Icons

Components

↳ Buttons
↳ Forms
↳ Dropdown
↳ Other Inputs (Checkbox, Radio Button, Switch, Slider)
↳ Date Picker
↳ Avatar
↳ Tabs
↳ Breadcrumbs
↳ Toasts and Alerts
↳ Graphs
↳ Tables
↳ Pagination
↳ Chips
↳ Tooltips