Graphic Design

system-design-primer

by donnemartin

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

impeccable

by pbakaus

The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.

penpot

by penpot

Penpot: The open-source design platform for Product teams that need scalable collaboration.

tldraw

by tldraw

Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.

bulma

by jgthms

Modern CSS framework based on Flexbox

Awesome-Design-Tools

by goabstract

The best design tools and plugins for everything 👉

materialize

by Dogfalo

Materialize, a CSS Framework based on Material Design

chatwoot

by chatwoot

Open-source live-chat, email support, omni-channel desk. An alternative to Intercom, Zendesk, Salesforce Service Cloud etc. 🔥💬

server

by nextcloud

☁️ Nextcloud server, a safe home for all your data

huashu-design

by alchaincyf

Huashu Design 3.0 · 在 agent 里打一句话，拿回能交付的设计：网页 / App 原型 / 可编辑 PPTX / 动画 / 信息图 · 六个候选挑三个方向 · 84 种带样张的风格库 · 越用越懂你的外观账本与设计体检 · HTML-native design skill for Claude Code, Codex, Cursor…

Graphite

by GraphiteEditor

Community-built comprehensive 2D content creation appplication for graphic design, digital art, and interactive real-time motion graphics powered by a node-based procedural…

onlook

by onlook-dev

The Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1…

simple-icons

by simple-icons

SVG icons for popular brands

p5.js

by processing

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core…

blueprint

by palantir

A React-based UI toolkit for the web

inter

by rsms

The Inter font family

screenity

by alyssaxuu

The free and privacy-friendly screen recorder with no limits 🎥

mojs

by mojs

The motion graphics toolbelt for the web

awesome-design

by gztchan

🌟 Curated design resources from all over the world.

magictools

by ellisonleao

:video_game: :pencil: A list of Game Development resources to make magic happen.

ml-visuals

by dair-ai

🎨 ML Visuals contains figures and templates which you can reuse and customize to improve your scientific writing.

MaterialDesignInXamlToolkit

by MaterialDesignInXAML

Google's Material Design in XAML & WPF, for C# & VB.Net.

awesome-creative-coding

by terkelg

Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.

maptoposter

by originalankur

Transform your favorite cities into beautiful, minimalist designs. MapToPoster lets you create and export visually striking map posters with code.

Material

by CosmicMind

A UI/UX framework for creating beautiful applications.

plex

by IBM

The package of IBM’s typeface, IBM Plex.

tachyons

by tachyons-css

Functional css for humans

fluentui-system-icons

by microsoft

Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft.

milligram

by milligram

A minimalist CSS framework.

material-design-for-bootstrap

by mdbootstrap

Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

webstudio

by webstudio-is

Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted…

rawgraphs-app

by rawgraphs

A web interface to create custom vector-based visualizations on top of RAWGraphs core

nue

by nuejs

Fastest way to build modern websites

vue-fabric-editor

by ikuaitu

快图设计-基于fabric.js和Vue的开源图片编辑器，可自定义字体、素材、设计模板。fabric.js and Vue based image editor, can customize fonts, materials, design templates.

low-level-design-primer

by prasadgujar

Dedicated Resources for the Low-Level System Design. Learn how to design and implement large-scale systems. Prep for the system design interview.

app-store-screenshots

by ParthJadhav

end to end app store screenshot creation using AI

web-skills

by andreasbm

A visual overview of useful skills to learn as a web developer

Waza

by tw93

🥷 Engineering habits you already know, turned into skills AI assistants like Claude Code, Codex and Cursor can run.

uswds

by uswds

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

plasmic

by plasmicapp

Visual builder for React. Build apps, websites, and content. Integrate with your codebase.

cursor-talk-to-figma-mcp

by grab

TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them…

translations

by oldratlee

🐼 Chinese translations for classic software development resources

magic-of-css

by adamschwartz

A CSS course to turn you into a magician.

cofounder

by nraiden

ai-generated apps , full stack + generative UI

ant-design-landing

by ant-design

:mountain_bicyclist: Landing Pages of Ant Design System

WebSlides

by webslides

Create HTML presentations in seconds —

Bangumi

by czy0729

:electron: An unofficial https://bgm.tv ui first app client for Android and iOS, built with React Native. 一个无广告、以爱好为驱动、不以盈利为目的、专门做 ACG 的类似豆瓣的追番记录，bgm.tv…

skeleton

by skeletonlabs

Skeleton is an adaptive design system powered by Tailwind CSS.

pts

by williamngan

A library for visualization and creative-coding

PortfolioWebsite

by AhmadHassan-BTed

My personal website showcasing my work in Software Engineering and Graphic Design. A simple, multi-page static site built with HTML, CSS, and basic JavaScript. It’s designed to be…