Top 30 Design Developer Tools
1Tailwind CSSTailwind CSS
A utility-first CSS framework for rapidly building custom user interfaces.
2BootstrapBootstrap
Simple and flexible HTML, CSS, and JS for popular UI components and interactions
3Chakra UIChakra UI
Simple, modular and accessible UI components for your React applications.
4DaisyUIDaisyUI
Free UI components plugin for Tailwind CSS
5BulmaBulma
Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
6Material UIMaterial UI
A CSS Framework and a Set of React Components that Implement Google's Material Design
7Materialize CSSMaterialize CSS
A modern responsive front-end framework based on Material Design
8Dashboard UI KitDashboard UI Kit
A modern & responsive dashboard UI kit for designers.
9Ant Design System for FigmaAnt Design System for Figma
A large library of 2100+ handcrafted UI components
10Semantic UISemantic UI
A UI Component library implemented using a set of specifications designed around natural language
11FlowBiteFlowBite
Build UI interfaces and simplify the process of integrating into live websites with Tailwind CSS
12CSS ScanCSS Scan
Instantly check or copy computed CSS from any element for only ~95$
13FoundationFoundation
The most advanced responsive front-end framework in the world
14Lottie by AirbnbLottie by Airbnb
Easily add high-quality animation to any native app
15UIKitUIKit
A lightweight and modular front-end framework for developing fast and powerful web interfaces
16SassSass
Syntatically Awesome Style Sheets
- 17Now UI Kit
Now UI Kit
A beautiful Bootstrap 4 UI kit. Yours free.
18avocodeavocode
Centralize design collaboration, version control, prototyping, feedback, and developer hand-off with Avocode. Work on any design, anywhere, with anyone. Sign up free 👉 https://avocode.com/.
19SwatchesSwatches
A fun and accurate color picker for the real world
20styled-componentsstyled-components
styled-components is a visual primitive for the component age that also helps the user to use the ES6 and CSS to style apps.
21Landing UI KitLanding UI Kit
Handcrafted UI components for landing pages
22ChromaChroma
Welcome to Chroma Cutlery Cnife - Manufacturer of kitchen knives, includes products and contact information.
- 23Colorion
Colorion
Curated color palettes with search and tags support
24StorybookStorybook
Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
25Nuxt.jsNuxt.js
Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable. It's a perfect static site generator.
26FlatlogicFlatlogic
Business Software: AI-Driven Solutions at Speed.
27PostCSSPostCSS
Increase code readability. Add vendor prefixes to CSS rules using values from Can I Use. Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you.
28Bots UI KitBots UI Kit
Fully customizable Sketch UI Kit for Messenger Platform
29Sketch PalettesSketch Palettes
Sketch plugin to save and load colors into the color picker
30HoverifyHoverify
All-in-one browser extension to improve your web dev experience.
