souvenir
Tag cloud
Picture wall
Daily
RSS Feed
  • RSS Feed
  • Daily Feed
Filters

Links per page

  • 20 links
  • 50 links
  • 100 links

Filters

Untagged links
page 1 / 3
42 results tagged design  ✕   ✕
Open Design https://github.com/nexu-io/open-design
13/05/2026 cluster icon
  • claude-mem : A Claude Code plugin that automatically captures everything Claude does during your coding sessions, compresses it with AI (using Claude's agent-sdk),...
  • Oh My OpenAgent : Agent harness
  • superpowers : Superpowers is a complete software development methodology for your coding agents, built on top of a set of composable skills and some initial instruc...
  • PM Workspace Wizard : A Claude Cowork skill that builds your entire PM operating system in under 5 minutes.
  • Get Shit Done : A light-weight and powerful meta-prompting, context engineering and spec-driven development system for Claude Code, OpenCode, Gemini CLI, Kilo, Codex,...

Local-first, open-source alternative to Anthropic's Claude Design

ai agent design tool
DESIGN.md collection for AI coding agents https://getdesign.md/
30/04/2026 cluster icon
  • Open Design : Local-first, open-source alternative to Anthropic's Claude Design
  • Conductor : Run a team of coding agents on your Mac. Create parallel Codex + Claude Code agents in isolated workspaces. See at a glance what they're working on, t...
  • PM Workspace Wizard : A Claude Cowork skill that builds your entire PM operating system in under 5 minutes.
  • Get Shit Done : A light-weight and powerful meta-prompting, context engineering and spec-driven development system for Claude Code, OpenCode, Gemini CLI, Kilo, Codex,...
  • Archon : Archon is a workflow engine for AI coding agents. Define multi-step development workflows in YAML — code review, bug fixes, feature implementation, te...

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

design ai agent markdown
Penpot https://penpot.app/
21/08/2025 cluster icon
  • Figproxy : Figproxy is a tool that enables rapid prototyping of tangible user experiences allowing Figma prototypes to talk to the external world. More specifica...
  • Ossia : A free, open-source, cross-platform intermedia sequencer for precise and flexible scripting of interactive scenarios. Control and score any OSC-compli...
  • AppFlowy.IO : Open Source Notion Alternative
  • TruffleHog : TruffleHog is an open-source SAST (static application security testing) tool for detecting secrets in various sources. While GitHub and GitLab reposit...
  • Get Shit Done : A light-weight and powerful meta-prompting, context engineering and spec-driven development system for Claude Code, OpenCode, Gemini CLI, Kilo, Codex,...

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!

opensource design tool code collaboration interactive prototyping
shadcn-ui https://ui.shadcn.com/
15/05/2025 cluster icon
  • Formalize CSS : Teach your forms some manners!
  • The Elements of Typographic Style Applied to the Web : a practical guide to web typography
  • UnoCSS : UnoCSS is the instant atomic CSS engine, that is designed to be flexible and extensible. The core is un-opinionated and all the CSS utilities are prov...
  • Open Source Web Design : Open Source Web Design is a site to download free web design templates and share yours with others. We help make the internet a prettier place.
  • Email Standards Project : The Email Standards Project is about working with email client developers and the design community to improve web standards support and accessibility ...

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

css component opensource design
Figproxy https://github.com/ideo/Figproxy
31/07/2024 cluster icon
  • Penpot : Penpot is the first open-source design tool for design and code collaboration. Designers can create stunning designs, interactive prototypes, design s...
  • Solidarity : Solidarity is an environment checker for project dependencies across multiple machines.
  • Petri : Perti is Wix’s holistic experiment system, it covers the lifecycle of product experimenting including A/B tests and feature toggles.
  • PlantUML : PlantUML is an open-source tool allowing users to create UML diagrams from a plain text language
  • shadcn-ui : 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.

figma prototyping arduino opensource tool design
darken https://github.com/ColinEspinas/darken
21/01/2020 cluster icon
  • Formalize CSS : Teach your forms some manners!
  • jQuery Masonry : A dynamic layout plugin for jQuery The flip-side of CSS floats
  • emotion : emotion is a high performance, lightweight css-in-js library that supports both string and object based styles.
  • Styletron : Styletron is a universal CSS-in-JS engine built from the ground up for high-performance.
  • Ink : Ink provides the same component-based UI building experience that React offers in the browser, but for command-line apps. It uses Yoga to build Flexbo...
thumbnail

Easy control over your dark mode in a web environment

css javascript library design
pgModeler https://pgmodeler.io/
18/08/2018 cluster icon
  • DBeaver : Free multi-platform database tool for developers, SQL programmers, database administrators and analysts. Supports all popular databases: MySQL, Postgr...
  • DB Doc : PostgreSQL schema documentation tool
  • repmgr : repmgr is an open-source tool suite for managing replication and failover in a cluster of PostgreSQL servers. It enhances PostgreSQL's built-in hot-st...
  • pgLoader : pgloader loads data into PostgreSQL and allows you to implement Continuous Migration from your current database to PostgreSQL. pgLoader has two modes ...
  • migra : migra is a schema comparison tool for PostgreSQL. It's a command line tool, and Python library. Find differences in database schemas as easily as runn...
thumbnail

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.

postgresql database design tool
Bootstrap.build https://bootstrap.build/
09/01/2018 cluster icon
  • Paletton : Color Scheme Generator
  • draw.io : Online diagram/mockups design.
  • Kickstrap : Twitter's Bootstrap with themes, apps, and other enhancements
  • Open Design : Local-first, open-source alternative to Anthropic's Claude Design
  • Figproxy : Figproxy is a tool that enables rapid prototyping of tangible user experiences allowing Figma prototypes to talk to the external world. More specifica...

Powerful Bootstrap theme builder for your next project

bootstrap themes design tool
Fractal http://fractal.build/
25/03/2017 cluster icon
  • Mockingbird : Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.
  • shadcn-ui : A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
  • Crossbar.io : Crossbar.io is is a router for the open WAMP protocol, and it is open source. Together with the open source WAMP client libraries it is a connection f...
  • thumbor : thumbor is a smart imaging service and enables on-demand cropping, resizing, applying filters and optimizing images. Cropping photos automatically can...
  • My First 10 Minutes On a Server : Primer for Securing Ubuntu

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.

design component ui server
Element http://element.eleme.io/
12/02/2017 cluster icon
  • Formalize CSS : Teach your forms some manners!
  • darken : Easy control over your dark mode in a web environment
  • JavaScript Templates : For web application developers, the '''JavaScript Templates''' engine from TrimPath is a lightweight APL / GPL open-source component that lets you hav...
  • Ember.js : A JavaScript framework for creating ambitious web applications
  • AngularJS : Superheroic JavaScript MVC Framework

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

vuejs design library
Origami Studio https://origami.design/
11/07/2015 cluster icon
  • draw.io : Online diagram/mockups design.
  • Mockingbird : Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.
  • Pencil Project : Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in p...
  • Penpot : Penpot is the first open-source design tool for design and code collaboration. Designers can create stunning designs, interactive prototypes, design s...
  • Paletton : Color Scheme Generator

Origami is a free tool for designing modern user interfaces.

wireframe tool design
Modelio http://www.modelio.org/
20/11/2013 cluster icon
  • PhotoFiltre Studio : PhotoFiltre Studio is a complete image retouching program. It allows you to do simple or advanced adjustments to an image and apply a vast range of fi...
  • Inkscape : Inkscape is a professional vector graphics editor for Windows, Mac OS X and Linux. It's free and open source.
  • iPlotz : Wireframing, mockups and prototyping for websites and applications
  • Puredyne : Puredyne is the USB-bootable GNU/Linux operating system for creative multimedia.
  • Piwik : Piwik is the leading open source web analytics platform that gives you valuable insights on your website's visitors, your marketing campaigns and much...

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.

uml software design
draw.io https://www.draw.io
01/11/2013 cluster icon
  • Mockingbird : Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.
  • Origami Studio : Origami is a free tool for designing modern user interfaces.
  • fivesecondtest : Landing page optimization for your mocks and wireframes. Fivesecondtest helps you fine tune your landing pages and calls to action by analyzing the mo...
  • ColoRotate : Color palette generation tool
  • MyDraft : Free wireframing online tool

Online diagram/mockups design.

design wireframe online tool
BLOKK font http://blokkfont.com
01/04/2013 cluster icon
  • Mockingbird : Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.
  • The Elements of Typographic Style Applied to the Web : a practical guide to web typography
  • iPlotz : Wireframing, mockups and prototyping for websites and applications
  • Origami Studio : Origami is a free tool for designing modern user interfaces.
  • Typetester : Compare fonts for the screen

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

font wireframe design
Responsive Web Design Patterns http://bradfrost.github.com/this-is-responsive/patterns.html
24/02/2013 cluster icon
  • This Is Responsive : Tips, Resources and Patterns for Responsive Web Design
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
  • Email-Blueprints : Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails.
  • Email Standards Project : The Email Standards Project is about working with email client developers and the design community to improve web standards support and accessibility ...
  • Bootstrap : Build responsive, mobile-first projects on the web with the world's most popular front-end component library. Bootstrap is an open source toolkit for ...

A collection of patterns and modules for responsive designs.

responsive design html css
This Is Responsive http://bradfrost.github.com/this-is-responsive
21/09/2012 cluster icon
  • Responsive Web Design Patterns : A collection of patterns and modules for responsive designs.
  • Email Standards Project : The Email Standards Project is about working with email client developers and the design community to improve web standards support and accessibility ...
  • Email-Blueprints : Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails.
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
  • mini.css : minimal, responsive, style-agnostic CSS framework

Tips, Resources and Patterns for Responsive Web Design

responsive html design css
maps.stamen.com http://maps.stamen.com
13/04/2012 cluster icon
  • MapBox : Creating custom maps in the cloud
  • darken : Easy control over your dark mode in a web environment
  • Bootstrap.build : Powerful Bootstrap theme builder for your next project
  • Color Wizard : The Color Wizard is a color matching application for anyone who wants to create designs with great looking colors.
  • This Is Responsive : Tips, Resources and Patterns for Responsive Web Design
thumbnail

Different map tiles

map design
Formalize CSS http://formalize.me
23/08/2011 cluster icon
  • darken : Easy control over your dark mode in a web environment
  • Styletron : Styletron is a universal CSS-in-JS engine built from the ground up for high-performance.
  • Anime.js : Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM ...
  • Respond : Activates media queries in IE6-8
  • css3-mediaqueries-js : make CSS3 Media Queries work in all browsers (JavaScript library)

Teach your forms some manners!

form javascript design css library
Lost Type Co-op http://losttype.com
01/08/2011 cluster icon
  • Typetester : Compare fonts for the screen
  • The Elements of Typographic Style Applied to the Web : a practical guide to web typography
  • metaflop : Metaflop is an easy to use web application for modulating your own fonts. Metaflop uses Metafont, which allows you to easily customize a font within t...
  • Font Squirrel : Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We've done the hard work, hand-...
  • sIFR : sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users h...

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

font design typography
Email-Blueprints https://github.com/mailchimp/Email-Blueprints
23/05/2011 cluster icon
  • HTML email templates : Easily create beautiful, branded email marketing campaigns. Start by choosing one of our free HTML email templates and customize it in minutes.
  • Email Standards Project : The Email Standards Project is about working with email client developers and the design community to improve web standards support and accessibility ...
  • HTML EMAIL BOILERPLATE : This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problem...
  • Can I email… : Support tables for HTML and CSS in emails.
  • This Is Responsive : Tips, Resources and Patterns for Responsive Web Design
thumbnail

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

html design email css template
page 1 / 3
1646 links
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn