starred/design-resources-for-developers
1
0
Fork 0
mirror of https://github.com/bradtraversy/design-resources-for-developers.git synced 2026-08-24 10:13:19 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #151 from D4RK-C0D3/master

Browse Source 
Update readme.md
This commit is contained in:
Brad Traversy
2020-05-08 06:08:26 -04:00
committed by GitHub
parent 5096211c46 ed545fe779
commit cc058f515b
1 changed files with 40 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
readme.md
+40 -21
View File
@@ -27,7 +27,7 @@
## UI Graphics
Websites and resources with modern UI components in different formats such as PSD, Sketch, Figma, etc. They are great for ideas for web components/UI
>Websites and resources with modern UI components in different formats such as PSD, Sketch, Figma, etc. They are great for ideas for web components/UI
| Website                            | Description |
| -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ |
@@ -55,7 +55,8 @@ Websites and resources with modern UI components in different formats such as PS
## Fonts
Websites that offer free fonts as well as font based tools
>Websites that offer free fonts as well as font based tools
| Website                            | Description |
| ----------------------- | ------------------ |
| [Google Fonts](https://fonts.google.com/)| Library of around 1000 free licensed font families |
@@ -83,7 +84,8 @@ Websites that offer free fonts as well as font based tools
## Icons
Resources for Icons including font based, png, svg and more
>Resources for Icons including font based, png, svg and more
| Website                            | Description |
| ----------------------- | ------------------ |
| [Font Awesome](https://fontawesome.com/)| The web's most popular icon set and toolkit. |
@@ -119,7 +121,8 @@ Resources for Icons including font based, png, svg and more
## Stock Photos
Websites that offer free stock photos of all kinds for your websites and apps
>Websites that offer free stock photos of all kinds for your websites and apps
| Website                            | Description |
| ----------------------- | ------------------ |
| [Pexels](https://www.pexels.com/)| Free stock photos shared by talented creators |
@@ -150,7 +153,8 @@ Websites that offer free stock photos of all kinds for your websites and apps
## Stock Videos
Websites that offer free stock videos of all kinds for your websites and apps
>Websites that offer free stock videos of all kinds for your websites and apps
| Website                            | Description |
| ----------------------- | ------------------ |
| [Coverr.co](https://coverr.co/)| Beautiful free stock video footage |
@@ -165,7 +169,8 @@ Websites that offer free stock videos of all kinds for your websites and apps
## Vectors & Clip Art
Free vectors, clipart, illustrations, patterns and more
>Free vectors, clipart, illustrations, patterns and more
| Website                            | Description |
| ----------------------- | ------------------ |
| [Vecteezy](https://www.vecteezy.com/)| Find and download free vector art |
@@ -185,7 +190,8 @@ Free vectors, clipart, illustrations, patterns and more
## Product & Image Mockups
Create mockups of devices and other products
>Create mockups of devices and other products
| Website                            | Description |
| ----------------------- | ------------------ |
| [Smart Mockups](https://smartmockups.com/)| Create stunning product mockups (free & premium) |
@@ -203,7 +209,8 @@ Create mockups of devices and other products
## HTML & CSS Templates
Websites that offer free beautiful website templates and themes of all types
>Websites that offer free beautiful website templates and themes of all types
| Website                            | Description |
| ----------------------- | ------------------ |
| [HTML5Up](https://html5up.net/)| Very modern, unique responsive HTML5/CSS3 themes |
@@ -230,7 +237,8 @@ Websites that offer free beautiful website templates and themes of all types
## CSS Frameworks
CSS/UI frameworks to help build great looking websites and applications
>CSS/UI frameworks to help build great looking websites and applications
| Website                            | Description |
| ----------------------- | ------------------ |
| [Tailwind CSS](https://tailwindcss.com/)| Low level, utility-first framework |
@@ -263,7 +271,8 @@ CSS/UI frameworks to help build great looking websites and applications
## CSS Animations
CSS animations to build awesome animations for websites and applications
>CSS animations to build awesome animations for websites and applications
| Website                            | Description |
| ----------------------- | ------------------ |
| [Animate.css](https://animate.style/)| Just-add-water CSS animations |
@@ -284,7 +293,8 @@ CSS animations to build awesome animations for websites and applications
## UI Components & Kits
Not quite "frameworks", but tools for creating user interfaces with components or UI kits
>Not quite "frameworks", but tools for creating user interfaces with components or UI kits
| Website                            | Description |
| ----------------------- | ------------------ |
| [UILang](http://uilang.com/)| a minimal, ui-focused programming language for web designers |
@@ -307,7 +317,8 @@ Not quite "frameworks", but tools for creating user interfaces with components o
## React UI
UI and component libraries for the React JavaScript framework
>UI and component libraries for the React JavaScript framework
| Website                            | Description |
| ----------------------- | ------------------ |
| [Material UI](https://material-ui.com/)| React components for faster and easier web development, based on Material Design |
@@ -341,7 +352,8 @@ UI and component libraries for the React JavaScript framework
## Vue UI
UI and component libraries for the Vue JavaScript framework
>UI and component libraries for the Vue JavaScript framework
| Website                            | Description |
| ----------------------- | ------------------ |
| [Vuetify](https://vuetifyjs.com/en/)| Material design component framework |
@@ -361,7 +373,8 @@ UI and component libraries for the Vue JavaScript framework
## Angular UI
UI and component libraries for the Angular JavaScript framework
>UI and component libraries for the Angular JavaScript framework
| Website                            | Description |
| ----------------------- | ------------------ |
| [Material Angular](https://material.angular.io/)| UI library for Angular based on Material design |
@@ -380,7 +393,8 @@ UI and component libraries for the Angular JavaScript framework
## Svelte UI
UI and component libraries for the Svelte Javascript compiler
>UI and component libraries for the Svelte Javascript compiler
| Website                            | Description |
| ----------------------- | ------------------ |
| [Svelte Material UI](https://sveltematerialui.com/)| UI library for Svelte based on Material Design |
@@ -393,7 +407,8 @@ UI and component libraries for the Svelte Javascript compiler
## Design Systems & Style Guides
Design systems, style guides, toolkits, docs. Some of these are design guides for top companies/websites
>Design systems, style guides, toolkits, docs. Some of these are design guides for top companies/websites
| Website                            | Description |
| ----------------------- | ------------------ |
| [Material Design](https://material.io/)| Google's Material Design |
@@ -430,7 +445,8 @@ Design systems, style guides, toolkits, docs. Some of these are design guides fo
## Online Design Tools
All kinds of online tools for design, from photo editors to wireframing, color generators and more
>All kinds of online tools for design, from photo editors to wireframing, color generators and more
| Website                            | Description |
| ----------------------- | ------------------ |
| [Figma](https://www.figma.com/graphic-design-tool/)| Online graphic design tool (Free & paid options) |
@@ -476,7 +492,8 @@ All kinds of online tools for design, from photo editors to wireframing, color g
## Downloadable Design Software
Free software for UI, photo, 3d modeling, etc. Alternatives to paid software like Photoshop
>Free software for UI, photo, 3d modeling, etc. Alternatives to paid software like Photoshop
| Website                            | Description |
| ----------------------- | ------------------ |
| [Gimp](https://www.gimp.org/)| Free & open source image editor similar to Photoshop |
@@ -497,7 +514,8 @@ Free software for UI, photo, 3d modeling, etc. Alternatives to paid software lik
## Design Inspiration
Here are some websites to get inspiration for design and UI
>Here are some websites to get inspiration for design and UI
| Website                            | Description |
| ----------------------- | ------------------ |
| [Behance](https://www.behance.net/)| Design projects featured by different creators |
@@ -520,7 +538,8 @@ Here are some websites to get inspiration for design and UI
## Image Compression
Sites that allows you to compress large images
>Sites that allows you to compress large images
| Website                            | Description |
| ----------------------- | ------------------ |
| [TinyPNG](https://tinypng.com/)| Smart PNG and JPEG compression
@@ -535,8 +554,8 @@ Sites that allows you to compress large images
## Adding To This Repo
Feel free to make a pull request and add more resources to this repo. The only requirements are that anything you add has to be FREE and put in the correct category. Also, please make sure your resource is not already here or in a PR. New resources are getting added all of the time.
>Feel free to make a pull request and add more resources to this repo. The only requirements are that anything you add has to be FREE and put in the correct category. Also, please make sure your resource is not already here or in a PR. New resources are getting added all of the time.
<div align="right">
<b><a href="#table-of-contents">↥ Back To Top</a></b>