The Best 100 Free UI/UX Resources for Every Designer & Developer

1. go-unsplash

   1 864 76 1.8 Go

   Go Client for the Unsplash API

   

   Unsplash unsplash.com High-resolution, royalty-free photos for commercial use.

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. uiGradients

   2 25 5,930 0.0 Vue

   🔴 Beautiful colour gradients for design and code

   

   uiGradients uigradients.com Beautiful CSS gradient combinations.

4. squoosh

   3 289 22,822 4.3 TypeScript

   Make images smaller using best-in-class codecs, right in the browser.

   

   Squoosh squoosh.app An Open-source image compression tool by Google.

5. Text-Statistics

   4 10 452 0.0 PHP

   Generate information about text including syllable counts and Flesch-Kincaid, Gunning-Fog, Coleman-Liau, SMOG and Automated Readability scores.

   

   Readable readable.com Analyzes text readability and suggests improvements.

6. notion-auto-pull

   5 489 30 0.0 Shell

   Bash script to automatically download a notion workspace

   

   Notion notion.so Free workspace for design documentation and collaboration.

7. material-ui-docs

   6 156 332 10.0 TypeScript

   ⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository:

   

   Material-UI mui.com React components implementing Material Design.

8. heroicons

   7 92 22,275 6.3 JavaScript

   A set of free MIT-licensed high-quality SVG icons for UI development.

   

   Heroicons heroicons.com MIT-licensed icons by Tailwind CSS creators.

9. InfluxDB

   influxdata.com featured

   InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

   

10. Bootstrap

    8 583 172,159 9.3 JavaScript

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

    

    Bootstrap getbootstrap.com Open-source HTML/CSS/JS framework for responsive sites.

11. fontsource

    9 42 5,248 8.2 TypeScript

    Self-host Open Source fonts in neatly bundled NPM packages.

    

    Fontsource fontsource.org Self-host Google Fonts in your projects.

12. Google Fonts

    10 525 18,743 10.0 HTML

    Font files available from Google Fonts, and a public issue tracker for all things Google Fonts

    

    Google Fonts fonts.google.com Open-source fonts optimized for the web.

13. Font-Awesome

    11 222 74,928 5.3 JavaScript

    The iconic SVG, font, and CSS toolkit

    

    Font Awesome fontawesome.com Free icon library with 1,600+ icons for web projects.

14. flexboxfroggy

    12 493 7,070 6.3 JavaScript

    A game for learning CSS flexbox 🐸

    

    Flexbox Froggy flexboxfroggy.com Fun and Interactive game to learn Flexbox.

15. feather

    13 111 25,380 3.4 JavaScript

    Simply beautiful open-source icons

    

    Feather Icons feathericons.com Lightweight, customizable SVG icons.

16. animate.css

    14 90 81,587 2.7 CSS

    🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

    

    Animate.css animate.style Cross-browser CSS animations library.

17. Lottie for Android, iOS, and React Native

    15 47 35,272 8.3 Java

    Render After Effects animations natively on Android and iOS, Web, and React Native

    

    Lottie airbnb.io/lottie Lightweight animations for apps and websites.

18. CodeRabbit

    coderabbit.ai featured

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    

Suggest a related project