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
5Material UIMaterial UI
A CSS Framework and a Set of React Components that Implement Google's Material Design
6BulmaBulma
Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
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.
9Semantic UISemantic UI
A UI Component library implemented using a set of specifications designed around natural language
10Ant Design System for FigmaAnt Design System for Figma
A large library of 2100+ handcrafted UI components
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
- 14Now UI Kit
Now UI Kit
A beautiful Bootstrap 4 UI kit. Yours free.
15UIKitUIKit
A lightweight and modular front-end framework for developing fast and powerful web interfaces
16Lottie by AirbnbLottie by Airbnb
Easily add high-quality animation to any native app
17SassSass
Syntatically Awesome Style Sheets
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/.
19Get wavesGet waves
A simple web app to generate svg waves, unique every time
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.
21SwatchesSwatches
A fun and accurate color picker for the real world
22Bots UI KitBots UI Kit
Fully customizable Sketch UI Kit for Messenger Platform
- 23Colorion
Colorion
Curated color palettes with search and tags support
24Landing UI KitLanding UI Kit
Handcrafted UI components for landing pages
25StorybookStorybook
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.
26PostCSSPostCSS
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.
27HoverifyHoverify
All-in-one browser extension to improve your web dev experience.
28SVG BackgroundsSVG Backgrounds
Customize, scalable backgrounds and patterns for free
29Nuxt.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.
30ChromaChroma
Welcome to Chroma Cutlery Cnife - Manufacturer of kitchen knives, includes products and contact information.
