Design system inspirations from popular websites.
Drop one into your project and let coding agents build matching UI.

Penpot is the first open-source design tool for design and code collaboration. Designers can create stunning designs, interactive prototypes, design systems at scale, while developers enjoy ready-to-use code and make their workflow easy and fast. And all of this with no handoff drama.

Available on browser or self-hosted, Penpot works with open standards like SVG, CSS, HTML and JSON, and it’s free!

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

Figproxy is a tool that enables rapid prototyping of tangible user experiences allowing Figma prototypes to talk to the external world.
More specifically, it's a utility that allows bidirectional communication between Figma and physical hardware for prototyping interactions that involve screens and physical elements like motors, lights, sensors etc.
It's designed to talk to hardware prototyping platforms like Arduino.

Easy control over your dark mode in a web environment

PostgreSQL Database Modeler is an open source data modeling tool designed for PostgreSQL. No more DDL commands written by hand let pgModeler do the job for you! This software reunites the concepts of entity-relationship diagrams and the features that PostgreSQL implements as extensions of SQL standards.

Powerful Bootstrap theme builder for your next project

Fractal is a tool to help you build and document web component libraries, and then integrate them into your projects.

Component (or pattern) libraries are a way of designing and building websites in a modular fashion, breaking up the UI into small, reusable chunks that can then later be assembled in a variety of ways to build anything from larger components right up to whole pages.

Fractal helps you assemble, preview and document website component libraries, and then integrate them into your web sites, apps and build processes to create joined up, ‘living’ projects.

Fractal can be run from the command line or integrated into your project via its API.

Element, a Vue 2.0 based component library for developers, designers and product managers, with a set of design resources.

Origami is a free tool for designing modern user interfaces.

Modelio is an open source modeling environment (UML2, BPMN2, ...). Based on a 20-year track record of high end commercial products, Modelio delivers a broad-focused range of standards-based functionalities for software developers, analysts, designers, business architects and system architects.

Online diagram/mockups design.

BLOKK font gives you a nice fill text for mock-ups and wireframing without the lorem ipsum. The new and better wireframing font.

A collection of patterns and modules for responsive designs.

Tips, Resources and Patterns for Responsive Web Design

Different map tiles

Teach your forms some manners!

The Lost Type Co-Op is a Pay-What-You-Want Type foundry, the first of its kind.

Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails.

Organized Web Design Collection of User Interfaces for Inspiration and Ideas. The CSS Gallery Alternative