Convert any website to editable Figma designs
Convert any web design screenshot to clean HTML/CSS code
A WYSIWYG React component builder 🚧 Very work-in-progress
Design to Code Engine
Figma → React Native
Bricks is an open source tool for converting Figma designs into high-quality frontend code.
Token Weaver is a GitHub Action to transform the Figma Token Studio tokens to platform specific theme files
A Figma plugin that helps to transform Figma Design Systems to Vue components with UnoCSS utility classes.
figma to html structure json
REST Countries API with color theme switcher challenge from #frontendmentor.
Modern website for a crypto startup built with next.js, tailwind-css shadcn-ui, and custom animations using framer-motion. Features custom animation queuing. https://ivpay.io
A curated collection of design inspirations sourced from Twitter. Each design is coded and implemented, showcasing different approaches and techniques in web development.
React website to showcase design-to-code skills
Frontend mentor challenge.
Add a description, image, and links to the design-to-code topic page so that developers can more easily learn about it.
To associate your repository with the design-to-code topic, visit your repo's landing page and select "manage topics."