Hey! I hope that you can found here some interesting tools.
If you want to add some tools that you actually use, please do it! PR's are open.
- Firefox Extensions
- Chrome Extensions
- Fonts
- UI Libraries
- CSS
- CSS Frameworks
- Repository
- Icons
- Resources
- React
- Templates
- Contributors
-
Extension π― - Altair GraphQL Client
A beautiful feature-rich GraphQL Client for all platforms
-
Extension π― - ColorZilla
Get a color reading from any point in your browser, quickly adjust this color and paste it into another program
-
Extension π― - Empty Cache Button
Cache clearing made easy. One click
-
Extension π― - GraphQL developer tools
Developer tools panel for GraphQL development
-
Extension π― - JSON Lite
Fast JSON viewer - highlights, shows items count/size, handles large files
-
Extension π― - Open Pesticide
Outlines each element on the page to help you visualize their dimensions and overcome those annoying CSS layout issues
-
Extension π― - React Developer Tools
React Developer Tools is a tool that allows you to inspect a React tree, including the component hierarchy, props, state, and more
-
Extension π― - Web Developer Checklist
Analyses any web page for violations of best practices
-
Extension π― - Tota11y: Accessibility toolkit
Inserts the tota11y JS file from Khan Academy into the current tab so that you can visualize how the current page performs with assistive technologies
-
Extension π― - React Developer Tools
Adds React debugging tools to the Chrome Developer Tools
-
Extension π― - Redux DevTools
Adds Redux debugging tools for any architectures which handle state
-
Extension π― - Grid Ruler
Create grids and measure their distance easily
-
Extension π― - Design Grid Overlay
This extension displays grid and measurement overlays for a design grid system
-
Extension π― - ColorZilla
Get a color reading from any point in your browser, quickly adjust this color and paste it into another program
-
Extension π― - VisBug
Design debug tools
-
Extension π― - Wappalyzer
A browser extension that uncovers the technologies used on websites.
-
Extension π― - JSON Viewer Awesome
A browser extension for visualize formatted JSON responses from APIs
-
Extension π― - Axe
A browser extension that reveals accesibility issues
-
Extension π― - Spider
Spider is a smart point-and-click web scraping tool
-
Extension π― - WhatFont
The easiest way to identify fonts on web pages
-
Extension π― - Lighthouse
Audit page to improve performance. The report contain many advices
-
Extension π― - Vue.js devtools
Extension for debugging Vue.js applications
-
Fonts π¬ - Google-Sans-Font
Google-Sans-Font
-
Fonts π¬ - Cereal Airbnb Font
Cereal Airbnb Font
-
Fonts π¬ - fontsquirrel.com
Free squirrel fonts
-
Fonts π¬ - urbanfonts.com
Free urban fonts
-
Fonts π¬ - Google fonts
Free google fonts
-
Web π - Material Kit React
New design inspired by Google's material design
-
Web π - Material UI
React components for faster and easier web development
-
Web π - React Bootstrap
The most popular front-end framework. Rebuilt for React
-
Web π - React Virtualized
React components for efficiently rendering large lists and tabular data
-
Web π - Argon Design System React
Start your development with a Design System for Bootstrap 4, React and Reactstrap
-
Web π - BlueprintJs
A React based UI toolkit fot the web
-
Web π - Semantic UI
User Interface is the language of the web
-
Web π - React Toolbox
Bootstrap your application with beautiful Material Design Components
-
Web π - React Desktop
Designe to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components
-
Web π - Osen
The most beautiful and efficient way to develop HTML5 hybrid and mobile web apps
-
Web π - Evergreen
A Design System for the Web
-
Web π - Reactstrap
Easy to use React Bootstrap 4 components
-
Web π - RebassJs
React primitive UI components
-
Web π - Grommet
Build responsive and accessible mobile-first projects
-
Web π - Elemental UI
A UI Toolkit for React.js Websites and Apps
-
Web π - RsuiteJs
A suite of React components, sensible UI design, and a friendly development experience
-
Web π - Belle
Configurable React Components with great UX
-
Web π - React MD
This project's goal is to be able to create a fully accessible material design
-
Web π - Prime React
The Most Complete UI Framework
-
Web π - Kendo React UI
UI for React Developers
-
Web π - Nivo UI Chart
UI for create react chart component
-
Web π - gradientmagic.com
Magic Gradients just with CSS
-
Web π - cssstats.com
Analyze your CSS
-
Web π - every-layout.dev
Relearn CSS layout
-
Web π - cssmatic.com
Generate gradient, border radios, noise texture and box shadow
-
Web π - css-tricks.com
Snippets, Articles, Newletters, Guides, Guides and more
-
Web π - cssreference.io
CSS full cheatsheet
-
Web π - csstriggers.com
How browsers react to css properties changes
-
Web π - css-effects-snippets
Css Effects Snippets
-
Web π - Animatopy
Css Animation Effects
-
Web π - CSS selectors cheatsheet
CSS selectors cheatsheet
-
Web π - Browser support tables
Searchable CSS and HTML support tables
-
Package π¦ - Animate.css
Collection of a cool animation
-
Package π¦ - ImageHover.css
Adding image hover animation
-
Package π¦ - Loading.io
CSS libraries for loading animation
-
Web π - cssgrid-generator
CSS Grid Generator
-
Web π - grid.malven.co
CSS grid cheatsheet
-
Web π - flexbox.malven.co
CSS flexbox cheatsheet
-
Web π - css-transform.moro.es
CSS Transforms examples and output code
-
Web π - cssfx.dev
Beautifully simple click-to-copy CSS effects
-
Book π - CSS Handbook
The CSS Handbook
-
Web π - Free Frontend
Free Frontend Code, Hints, Examples
-
Web π - carbondesignsystem.com
IBM Components UI Components Library
-
Web π - bulma.io
CSS Framework base on flexbox
-
Web π - codyhouse.co
Share Components and CSS
-
Package π - Hint.css
Tool tips with out using JavaScript
-
Package π - Skeleton
CSS library to quick start your project
-
Package π - mini.css
CSS library to provide basic template for your website
-
Package π¦ - dumper.js
Pretty variable inspector
-
Package π¦ - laxxx
Javascript plugin to create smooth & beautiful animations when you scrolllll
-
Package π¦ - Nano React App
Nano React App with Parcel
-
Package π¦ - React-Proto
Interface and components design for React app
-
Package π¦ - React-Cosmos
Dev tool for creating reusable React components
-
Package π¦ - guppy
A friendly application manager and task runner for React.js
-
Package π¦ - react-lifecycle-visualizer
An npm package for tracing & visualizing lifecycle methods of arbitrary React components
-
Package π¦ - why-did-you-render
why-did-you-render monkey patches React to notify you about avoidable re-renders
-
App π± - nucleoapp.com
Icons
-
Package π¦ - octicons
Icons
-
Package π¦ - xicons.co
Icons
-
Package π¦ - spovv.com
Icons
-
Package π¦ - pixelbuddha.net
Icons
-
Package π¦ - feathericons.com
Icons
-
Package π¦ - fontawesome.com
Icons
-
Package π¦ - IcoMoon
Icons
-
Web π - iconmonstr.com
Icons finder
-
Web π - remixicon.com
Remixicon open source svg icons
-
Web π - icons8.com
Free design resources and software
-
Web π - flaticon.com
Icons finder
-
Web π - fontello.com
Icons finder
-
Web π - sparkk.fr
SVG Icons
-
Web π - geopattern
SVG Pattern generator
- Web π - W3School
Css Docs
-
Web π - colormind.io
Colormind is a color scheme generator that uses deep learning
-
Web π - usehooks.com
Easy to understand React Hook recipes by Gabe Ragland
-
Web π - divjoy.com
Use our free web-based tool to create the perfect codebase for your next project
-
Web π - javascriptstuff.com
Learn the Latest JavaScript Tools
-
Web π - js.coach
This is an opinionated catalog of open source JS packages
-
Web π - undesign.learn.uno
Collection of free design tools and resources for makers, developers and designers
-
Web π - thepatternlibrary.com
Pattern Library
-
Web π - heropatterns.com
A collection of repeatable SVG background patterns for you to use on your web projects
-
Web π - lawsofux.com
Laws of UX
-
Web π - humaaans.com
Mix-&-match illustrations of people with a design library
-
Web π - uigoodies.com
The best resources for designers in one place
-
Web π - pexels.com
High quality photos free of copyright
-
Web π - unsplash.com
High quality photos free of copyright
-
Web π - undraw.co
Open-source illustrations for every project you can imagine and create
-
Web π - coolors.co
A super fast color schemes generator!
-
Web π - colorsandfonts.com
Color styles and font pairings for everyone
-
Web π - mcg.mbitson.com
Material Design Palette Generator
-
Web π - www.figma.com
A collaborative interface design tool
-
Web π - www.devwares.com/windframe
A design and prototyping tool for building responsive websites using tailwind css
-
Templates π‘ - templated.co
A collection of 867 simple CSS, HTML5 & Responsive site templates, built by us and released for free under the Creative Commons
-
Templates π‘ - vibe
A beautiful react.js dashboard build with Bootstrap 4
-
Templates π‘ - wireddots
Free Bootstrap Themes & UI Kits for Startups
-
Documentation π - devdocs
Offline first documentation platform. It combines multiple API documentations (mostly front-end stuff) in a fast, organized, and searchable interface
-
Web π - react-svgr.com
Transfrom SVG to React Component
- Web - uicookies.com Free Responsive Bootstrap Themes and HTML Templates
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!