Builder.io for VSCode - turn designs into code!

figma to html structure json

Token Weaver is a GitHub Action to transform the Figma Token Studio tokens to platform specific theme files

Frontend mentor challenge.

REST Countries API with color theme switcher challenge from #frontendmentor.

Bricks is an open source tool for converting Figma designs into high-quality frontend code.

Convert any web design screenshot to clean HTML/CSS code

Design to Code Engine

Wabtech main website

Builder.io for Figma: AI generation, export to code, import from web

A WYSIWYG React component builder 🚧 Very work-in-progress

A curated collection of design inspirations sourced from Twitter. Each design is coded and implemented, showcasing different approaches and techniques in web development.

Figma → React Native

A Figma plugin that helps to transform Figma Design Systems to Vue components with UnoCSS utility classes.

React website to showcase design-to-code skills