Components crafted for Design Engineers. Styled using Tailwind CSS, fully compatible with Shadcn, and easy to integrate—just copy and paste. MIT 🤌
-
Updated
Jul 22, 2026 - TypeScript
#
design-engineering
Here are 173 public repositories matching this topic...
A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.
react components threejs typescript ui canvas vue frontend creative-coding shaders animation nextjs glsl svelte component-library ui-library design-engineering shadcn weggl
-
Updated
Aug 19, 2026 - TypeScript
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 token-drift
-
Updated
Aug 29, 2026 - TypeScript
Resources for design engineers.
-
Updated
Aug 29, 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
Design engineering for AI coding tools. Brand identity + design projects, from strategy to code.
-
Updated
Jun 7, 2026 - JavaScript
Figma-style layout grids, rulers, snapping guides, and DOM geometry inspection for browser-based apps
-
Updated
Aug 20, 2026 - TypeScript
The design layer for agentic AI — design context, interface checks, and verification for coding agents.
cli design-systems typescript frontend mcp design-tokens figma ai-agents tailwindcss figma-to-code design-engineering shadcn coding-agents agentic-ai mcp-server agent-skills shadcn-registry codex-plugin ux-audit ui-quality
-
Updated
Aug 8, 2026 - TypeScript
A place with 9 fun framer motion creations 😊
-
Updated
Feb 6, 2025 - TypeScript
An open-source catalog for discovering, sharing and curating design and web development resources.
open-source design ui-design share web-development frontend resources design-resources design-engineering
-
Updated
Jul 23, 2026 - TypeScript
Agent skills for motion craft from SoraLabs — animating-icons & motion-meaning
-
Updated
Aug 28, 2026 - TypeScript
The design system copilot that builds Figma from HTML using your real components and tokens. Learns your system, surfaces your gaps.
ui-design design-systems mcp design-tokens figma design-system claude design-automation figma-api figma-plugin design-engineering html-to-figma ai-design design-systems-and-ui-kits model-context-protocol mcp-server figma-design-system design-copilot design-system-copilot design-system-audit
-
Updated
Jul 15, 2026 - JavaScript
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
May 19, 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
Memi Studio — native macOS companion for supervised design-engineering workflows with coding agents.
-
Updated
Aug 12, 2026 - TypeScript
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
Agent skills for the product process: design, build, review, behavior specs, verification recordings, brand assets.
-
Updated
Aug 26, 2026 - HTML
An over-engineered underline transition
-
Updated
Apr 2, 2024 - TypeScript
Claude Agent Skill that eliminates generic AI-generated design. Stop your AI shipping the same purple-gradient, Inter-font, three-feature-card website as everyone else.
ui-design frontend ux developer-tools web-design design-system claude design-engineering llm prompt-engineering anthropic ai-slop agent-skills claude-code claude-skill
-
Updated
Aug 1, 2026 - Python
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."