Components crafted for Design Engineers. Styled using Tailwind CSS, fully compatible with Shadcn, and easy to integrate—just copy and paste. MIT 🤌
-
Updated
Apr 21, 2026 - TypeScript
#
design-engineering
Here are 64 public repositories matching this topic...
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
nodejs css productivity open-source design-systems frontend mcp reverse-engineering dx developer-experience design-tokens tailwind-css design-ops design-to-code playwright design-engineering ui-audit brand-audits design-md
-
Updated
Apr 30, 2026 - JavaScript
🏴 Resources for design engineers.
-
Updated
May 2, 2026 - TypeScript
Voice AI components using OpenAI Realtime API to copy and paste into your Nextjs projects built with TailwindCSS for building modern Voice AI applications with WebRTC.
ui animation nextjs webrtc openai component-library ui-components voice-assistant ui-library tailwindcss framer-motion voice-ai design-engineering shadcn vapiblocks openai-realtime-api realtime-beta
-
Updated
Dec 31, 2024 - TypeScript
A place with 9 fun framer motion creations 😊
-
Updated
Feb 6, 2025 - TypeScript
Design engineering for AI coding tools. Brand identity + design projects, from strategy to code.
-
Updated
May 1, 2026 - JavaScript
🎨 MicroInteractions, Ayanfe Olarinde's Paintings: Bringing age-old yoruba folklore tales to life
typescript gsap interaction-design web-animation designpatterns interaction interactive-visualizations design-engineering
-
Updated
Mar 16, 2025 - TypeScript
StitchFlow turns prompts into UI directions, Tailwind-friendly HTML, and screenshots across Codex, Claude Code, OpenClaw, GitHub Copilot, and Gemini CLI.
ui-design codex stitch tailwindcss ui-prototyping design-engineering github-copilot gemini-cli agent-skills claude-code codex-cli claude-skills design-iteration skill-md agentic-skills openclaw design-generation stitch-sdk prompt-to-html design-variants
-
Updated
Mar 20, 2026 - JavaScript
AI-driven design engineering CLI for Penpot. Generate, audit and analyze UI boards from your terminal.
-
Updated
Mar 25, 2026 - TypeScript
Modern, animated, and interactive components built for design engineers.
-
Updated
May 17, 2025 - TypeScript
An over-engineered underline transition
-
Updated
Apr 2, 2024 - TypeScript
A curated list of awesome things related to User Experience Engineering / Design Engineering
-
Updated
Feb 22, 2021 - JavaScript
Visual exploration tool that turns heatmaps and dithering into a controllable design system letting experiment with density, signal, and noise to prototype new brand textures, motion cues, and interaction states.
-
Updated
Feb 20, 2026 - TypeScript
A collection of box, drop and text shadows which are ready to use as Tailwind and Vanilla Css.
css open-source ui frontend drop-shadow box-shadow text-shadow shadows tailwindcss design-engineering
-
Updated
Mar 3, 2026 - TypeScript
Operating framework for AI-assisted work with decision, governance, validation, and learnings before execution.
framework typescript ai artificial-intelligence developer-tools workflows ai-framework governance ai-safety assisted-workflow decision-maker ai-systems design-engineering ai-development ai-developer-tools agentic-systems context-engineering decision-layer
-
Updated
Apr 30, 2026 - TypeScript
Showcasing my journey through the '100 Days of Making' class, focusing on design engineering with web development, Next.js/React components, and WebGL.
-
Updated
Dec 14, 2025 - TypeScript
accessibility-linter is a Claude skill that reviews accessibility mid-design, as a craft challenge, not a compliance audit.
accessibility a11y cursor claude design-engineering ai-tools cursor-rules claude-code ai-prototyping claude-skills vibe-prototyping
-
Updated
Mar 18, 2026
🍦 VanJS: The Smallest Reactive UI Framework in the World
-
Updated
Apr 12, 2026 - TypeScript
Portfolio and blog
-
Updated
Mar 3, 2026 - TypeScript
Portfolio site with resume, projects, visuals, and blog. Built with Astro 5 + Svelte 5
-
Updated
Apr 27, 2026 - Astro
Improve this page
Add a description, image, and links to the design-engineering topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the design-engineering topic, visit your repo's landing page and select "manage topics."