YDNAD

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #typescript #android #rust #deep-learning #linux #nodejs #windows #cli #kubernetes #mcp

(★ 55)

Free, ready-to-use design resources for developers

YDNAD Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# YDNAD
*A.K.A. "You dont need a designer"*

So, you wanna build the next killer social app. Got the perfect pitch, mad dev skills, but no designer to give your vision a *look and feel* up to standards.

Don't worry. You don't need a designer. Just like [@shesho](http://twitter.com/shesho) [wrote a long time ago](https://uxmag.com/articles/why-web-design-is-dead), there are so many good quality design resources available today, you can easily start building right away.

I've listed here a ton of free stuff I've found over time to help me avoid spending time designing. Just ready-to-use, so no AI, PSD files – PNG and SVG are fine. I think this his list may be handy for you if you
* can't afford a designer
* don't know how to design
* don't want to design
* don't at all.

Dive right in fellow developer, and keep in mind: any additions to this list will be mostly welcome!

## Index
1. [Icons](#1-icons)
2. [CSS Themes / Frameworks](#2-css-themes--frameworks)
3. [Fonts](#3-fonts)
4. [Images](#4-images)
5. [Color Palettes](#5-color-palettes)

## 1. Icons

### 1.1 Icon fonts
* **[Dripicons](https://github.com/amitjakhu/dripicons)**
* **[Font Awesome](http://fortawesome.github.io/Font-Awesome/)**
* **[Hawkons](http://hawcons.com/preview/)**
* **[Icomoon](https://icomoon.io/#icons-icomoon)**
* **[Linearicons](https://linearicons.com/)**
* **[Material Icons](https://design.google.com/icons/)**
* **[Meteocons](http://www.alessioatzeni.com/meteocons/)**
* **[Octicons](https://octicons.github.com/)**
* **[Open Iconic](https://useiconic.com/open/)**
* **[Typicons](http://typicons.com/)**

### 1.2 Regular icons
*I don't even know why would you, but hey, who am I to judge.*

* **[80 Shades of White](https://dribbble.com/shots/928458-80-Shades-of-White-Icons)**
* **[Entypo+](http://www.entypo.com/)** (SVG)
* **[Feather Icons 1.1.0](http://colebemis.com/feather/)**
* **[Feather Icons 2.1.0](https://feathericons.com/)**
* **[Free Line-Style Icons](http://www.elegantthemes.com/blog/freebie-of-the-week/free-line-style-icons)**
* **[IconStore](http://iconstore.co)**
* **[Illustrio](http://illustrio.com)**
* **[Linecons](http://designmodo.com/linecons-free/)**
* **[NOVA](http://www.webalys.com/nova/)** (SVG)
* **[SimpleIcons](https://simpleicons.org/)** (Popular brands in SVG)
* **[Steadysets](http://steadysets.com/)**
* **[Streamline Icons](http://www.streamlineicons.com/)** (SVG, PNG)
* **[Swifticons Freebies](https://www.swifticons.com/get-freebies)**
* **[Tango Project](https://commons.wikimedia.org/wiki/Tango_icons)**
* **[The Noun Project](https://thenounproject.com/)** (Not a pack, rather a catalogue)
* **[The Stocks](http://thestocks.im/)**
* **[WPZoom Developer Icon Set](http://www.wpzoom.com/wpzoom/new-freebie-wpzoom-developer-icon-set-154-free-icons/)**
* **[Zondicons](http://www.zondicons.com/)** (SVG)

## 2. CSS Themes / Frameworks

### 2.1 Bootstrap based
* **[AdminLTE 2](https://almsaeedstudio.com/blog/features-of-adminlte-2.1)**
* **[Blur Admin](http://akveo.github.io/blur-admin)** (Angular Ready)
* **[Bootswatch](https://bootswatch.com/)** (Bootstrap themes)
* **[Gentella](https://colorlib.com/polygon/gentelella/index.html)**
* **[Get Shit Done](http://www.creative-tim.com/product/get-shit-done-kit)**
* **[Light Bootstrap Dashboard](http://www.creative-tim.com/product/light-bootstrap-dashboard)**
* **[Material Kit](http://www.creative-tim.com/product/material-kit)**
* **[Paper Dashboard](http://www.creative-tim.com/product/paper-dashboard)**
* **[Paper Kit](http://www.creative-tim.com/product/paper-kit)**
* **[Shards](https://designrevision.com/demo/shards/)**

### 2.2 Frameworks
* **[AtlasKit](https://atlaskit.atlassian.com/)** by Atlassian
* **[Bulma](http://bulma.io/)**
* **[Carbon Design System](http://carbondesignsystem.com/)** by IBM
* **[Clarity](https://vmware.github.io/clarity/)** by VMWare
* **[Foundation](http://foundation.zurb.com/)** by Zurb
* **[Lightning Design System](https://www.lightningdesignsystem.com/)** by Salesforce
* **[Material Components](https://material.io/components/web/)** by Google
* **[Materialize](http://materializecss.com/)**
* **[Nebular](https://github.com/akveo/nebular)**
* **[ngx-admin](https://github.com/akveo/ngx-admin)**
* **[mini.css](http://minicss.org/)** by [@Chalarangelo](https://github.com/Chalarangelo)
* **[Polaris](http://polaris.shopify.com)** by Shopify
* **[PureCSS](http://purecss.io)**
* **[SemanticUI](http://semantic-ui.com/)**
* **[Skeleton](http://getskeleton.com/)**

### 2.3 Templates
* **[Awesome Landing Page](http://www.creative-tim.com/product/awesome-landing-page)**
* **[Coming Sssoon Page](http://www.creative-tim.com/product/coming-sssoon-page)**

### 2.4 Animation
* **[Animate.css](https://daneden.github.io/animate.css/)**
* **[Animista](http://animista.net/)**

## 3. Fonts
* **[Font Squirrel](https://www.fontsquirrel.com/)**
* **[Google Fonts](https://fonts.google.com/)**
* **[Open Font Library](https://fontlibrary.org/)**
* **[The Stocks](http://thestocks.im/)**

**Bonus: System Fonts FTW:**

```css
body { 
  font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
}
```

## 4. Images
* **[Burst](https://burst.shopify.com/)** Stock images from Shopify
* **[Death To Stock](http://deathtothestockphoto.com/)**
* **[Freepik](http://www.freepik.com/)** Stock vector images
* **[Novapattern](http://novapattern.com/)** Curated, well-designed patterns.
* **[Pexels](http://pexels.com)** Stock photos
* **[Pixabay](https://pixabay.com/)** Stock photos
* **[Skuawk](http://skuawk.com/)** Stock photos
* **[Stock Up](https://www.sitebuilderreport.com/stock-up)** Stock photos
* **[StockSnap](https://stocksnap.io)** Stock photos
* **[Subtle Patterns](http://subtlepatterns.com/):** Tileable backgrounds that are both patterns and subtle.
* **[The Stocks](http://thestocks.im/)**
* **[Unsplash](https://unsplash.com/):** Beautiful pictures for headings, backgrounds, what have you.

## 5. Color Palettes
* **[Adobe Color CC](https://color.adobe.com/es/create/color-wheel/)**
* **[Ambiance](http://ambiance.somethingjustlikethis.com/)**
* **[ColorClaim](http://www.vanschneider.com/colors/)**
* **[Color Hunt](http://www.colorhunt.co/)**
* **[Colorion](http://www.colorion.co/)**
* **[Colour Lovers](http://www.colourlovers.com/)**
* **[Coolors](https://coolors.co/)**
* **[Grabient](https://www.grabient.com/)**
* **[LOL Colors](https://www.webdesignrankings.com/resources/lolcolors)**
* **[Material @ Colorion](http://material.colorion.co/)**
* **[Material Color Tool](material.io/color)**
* **[Open Color](https://yeun.github.io/open-color/)**
* **[Paletton](http://paletton.com/)**
* **[The Stocks](http://thestocks.im/)**
* **[WebGradients](https://webgradients.com/)**

### Disclaimer
This is not to say a designer is of no value at all. You'll still need some UX, proper branding, and then some more. But you can get started today on your MVP and have it realeased looking good with a little help from the wonderful community making all these resources available. It's a great time to build stuff up.

YDNAD

YDNAD Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

YDNAD

YDNAD Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README