Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yikzero/awesome-design-dev

Awesome Design and Develop Projects.
https://github.com/yikzero/awesome-design-dev

List: awesome-design-dev

Last synced: about 8 hours ago
JSON representation

Awesome Design and Develop Projects.

Awesome Lists containing this project

README 

        
# Awesome Design Dev



- [English](https://github.com/yikZero/Awesome-Design-Dev/blob/main/README.md)

- [简体中文](https://github.com/yikZero/Awesome-Design-Dev/blob/main/README.zh-CN.md)



## Table of Content



- [Icons](#icons)

- [Color](#color)

- [Fonts](#fonts)

- [Images](#images)

- [3D](#3d)

- [UI Inspiration](#ui-inspiration)

- [Studio/Portfolio](#studio-portfolio)



## Icons



- [Lucide Icons](https://lucide.dev/) 1422+ icons · React & Vue libraries · forked from [Feather Icons](https://github.com/feathericons/feather). Official libraries and integrations with popular frameworks and design tools.

- [Radix Icons](https://www.radix-ui.com/icons) 300+ icons · React

- [IBM Carbon Icon](https://carbondesignsystem.com/elements/icons/library/) A design system built by IBM · Angular & React & Vue & Svelte

- [Hero Icons](https://heroicons.com/) 288+ icons · React & Vue libraries · Designed by the makers of [Tailwind CSS](https://tailwindcss.com/).

- [Remix Icons](https://remixicon.com/) 2736+ icons · React & Vue libraries

- [Phosphor Icons](https://phosphoricons.com/) 7488+ icons · React & Vue libraries

- [Polaris Icons](https://polaris.shopify.com/icons) Designed by Shopify

- [Atlas Icons](https://atlasicons.vectopus.com/) 2700+ icons · React & Vue libraries

- [Chi Icons Treasure](https://uxchi.notion.site/0d118e226bf2439a9641127149b16361?v=4275064af9ab4692bc58a3e72795c770) Organize those high-quality icon assets

- [IconPark](https://iconpark.oceanengine.com/) 2658+ icons · React & Vue libraries

- [Iconfont](https://www.iconfont.cn/) 26,909,769+(Aggregation) icons · Font & SVG

- [Iconbuddy](https://iconbuddy.app/) 203,940+(Aggregation) icons The ultimate source for icons.

- [Icônes](https://icones.js.org/) 202,178+(Aggregation) icons · React & Vue libraries



## Color



- [UI Colors](https://uicolors.app/) Tailwind CSS Color Generator, Press spacebar, enter a hexcode or change the HSL values to create a custom color scale



## Fonts



- [Google Fonts](https://fonts.google.com/) Google Fonts are open source and are without cost

- [Collletttivo](https://www.collletttivo.it/) Open-Source type foundry

- [Tunera](https://www.tunera.xyz/) Transnational type foundry, that aims to present new and original typefaces for everyone

- [FontShare](https://www.fontshare.com/) Free fonts service launched by the Indian Type Foundry (ITF), 100% free for personal and commercial

- [ETC.](https://etceteratype.co/) the short story here is that we love creating beautiful sets of letters

- [THE LEAGUE OF MOVEABLE TYPE](https://www.theleagueofmoveabletype.com/) The original, the first, the open-source font foundry.

- [Maoken Free commercial Chinese fonts](https://www.maoken.com/all-fonts) Provides **ALLINONE** zip and font previews

- [uiiiuiii Free commercial Chinese fonts](https://uiiiuiii.com/tool/typeface) Provides zip and font poster application

- [Fontmin](https://github.com/ecomfe/fontmin) Minify font seamlessly, Support NPM or Client

- [Font spider Plus](https://github.com/allanguys/font-spider-plus) Automatically compresses the WebFont used on local and online pages



## Images



- [Unsplash](https://unsplash.com/) Free downloaded, Support Commercial and non-commercial purposes, and No permission needed

- [pixabay](https://pixabay.com/) Free downloaded, Conditional support for business practices



## 3D



- [three.js](https://threejs.org/) JavaScript 3D Library.

  - [react-three-fiber](https://github.com/pmndrs/react-three-fiber) A React renderer for Three.js

    - [Drei](https://github.com/pmndrs/drei) useful helpers for react-three-fiber

- [matter-js](https://github.com/liabru/matter-js) a 2D rigid body physics engine for the web ▲● ■

- [react-three-rapier](https://github.com/pmndrs/react-three-rapier) a declarative physics library based on the Dimforge Rapier physics engine



## UI Inspiration



- [Framer Gallery](https://www.framer.com/gallery/) Discover the best Framer websites

- [iF Design Award](https://ifdesign.com/en/winner-ranking/winner-overview/?awardId=2&disciplineId=20&sort=desc) Won IF design awards's User Interface (UI)

- [Awwwards Winning websites](https://www.awwwards.com/websites/) Definitive inspiration resource for digital creatives

- [Layers](https://layers.to/) A home for designers

- [Mobbin](https://mobbin.com/browse/ios/apps) The world's largest mobile and web design library

- [Appinspo](https://www.appinspo.com/) This is the place where to find the freshest app visual interface design inspiration

- [LEXINGTON](https://lexingtonthemes.com/) Lexington Themes provides Astro.js and Tailwind themes for various purposes, including design, development, business, and personal use.

- [Framer Sections](https://www.framersections.com) Launch your next site in minutes, not months. A huge collection of framer sections for your next project.

- [Stripe Payment Elements](https://docs.stripe.com/payments/elements) Stripe Elements is a set of prebuilt UI components for building your web checkout flow.

- [Deck.Gallery®](https://www.deck.gallery/) We curate beautifully designed decks, slides, keynotes, guidelines — or whatever you call them.

- [Navbar Kit](https://navbars.framer.website) A navigation library with access to the entire 300+ navbar kit, dark/light themes, and more.

- [Dark Design](https://www.dark.design/) Curated websites from the dark side

- [Chi UI Inspiration](https://uxchi.notion.site/UI-Inspiration-881b4c0179a74935a3f607ad3521cdb5) Organize those high-quality UI Inspiration

- [UI Notes](https://uinotes.com/) collects excellent App UI screenshots, only the landing design

- [美叶](https://www.meiye.art/) Premium Design Content Recommendation Platform



## Studio / Portfolio



- [Basement](https://basement.studio/) Basement , Black&Orange/parallax/anime

- [Patrick David](https://patrickdavid.com/) Award-winning UX/UI Designer, Vivid animation

- [Newpeace](https://newpeace.jp/) The ultimate use of lines, the best presentation of design. Develop software for brand development

- [Visual Journal](https://visualjournal.it/) Scarpellini's Blog, show the best branding and graphic design projects from all over the world

- [Shiryoku](https://shiryoku.framer.website/) Simplicity Portfolio, framer

- [Marco Cornacchia](https://www.marco.fyi/) Marco Cornacchia—Designing AI experiences at Figma

- [yasmin p.](https://www.yasmins.site/) Interactive 3D scene, Nextjs, GamePlay

- [Garryui](https://garryui.cn/) Cocos creator

- [Florian](https://floriankiem.com/) Florian, Design Engineer, Simplicity

- [Buttermax](https://buttermax.net/) Designed by Buttermaxstudio, The gold standard for buttery-smooth digital production