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
47 results tagged design  ✕   ✕
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...
  • Infection Monkey : The Infection Monkey is an open source security tool for testing a data center's resiliency to perimeter breaches and internal server infection. The M...
  • 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...
  • Prepack : Prepack is a tool that optimizes JavaScript source code: Computations that can be done at compile-time instead of run-time get eliminated. Prepack rep...

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
  • Paged.js : Paged.js is a free and open source JavaScript library that paginates content in the browser to create PDF output from any HTML content. This means you...
  • CSS Text Wrapper : The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, o...
  • Formalize CSS : Teach your forms some manners!
  • Capacitor : Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript,...
  • Open Web Design : Open Web Design is a community of designers and site owners sharing free web design templates, website templates as well as web design information.

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...
  • Vector : Vector is an open-source utility for collecting, transforming, and routing logs, metrics, and events.
  • codebender : Codebender is an embedded development platform with an emphasis on the Arduino and it’s completely web-based, so you don’t have to install, manage and...
  • Fun Retro : Easy to use and beautiful restrospective board.
  • Danswer : Danswer is the open source AI assistant connected to your company's docs, apps, and people.

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!
  • 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...
  • 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 ...
  • voxel.css : The goal of this project is to provide a lightweight 3D CSS library with very simple implementation.
  • Photon : UI toolkit for building desktop apps with Electron.
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...
  • 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...
  • 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...
  • pgLoader : pgloader loads data into PostgreSQL and allows you to implement Continuous Migration from your current database to PostgreSQL. pgLoader has two modes ...
  • DB Doc : PostgreSQL schema documentation tool
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
  • pgModeler : PostgreSQL Database Modeler is an open source data modeling tool designed for PostgreSQL. No more DDL commands written by hand let pgModeler do the jo...
  • Figproxy : Figproxy is a tool that enables rapid prototyping of tangible user experiences allowing Figma prototypes to talk to the external world. More specifica...
  • Browsershots : Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providi...
  • Ajaxload : Ajax loading gif generator
  • 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...

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.
  • Mail-in-a-Box : Each Mail-in-a-Box provides webmail and an IMAP/SMTP server for use with mobile devices and desktop mail software. It also includes contacts and calen...
  • imgproxy : imgproxy is a fast and secure standalone server for resizing and converting remote images. The main principles of imgproxy are simplicity, speed, and ...
  • SeaLion : View raw output for critical events across servers. SeaLion gives you a graphical overview of server activity. View performance of system/custom metri...

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
  • darken : Easy control over your dark mode in a web environment
  • Formalize CSS : Teach your forms some manners!
  • Modest Maps | Home : Modest Maps is a small, extensible, and free library for designers and developers who want to use interactive maps in their own projects.
  • jQuery : The Write Less, Do More, JavaScript Library
  • HTML_QuickForm2 : This PHP package provides methods to create, validate and render HTML forms.

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.
  • Paletton : Color Scheme Generator
  • 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...
  • Penpot : Penpot is the first open-source design tool for design and code collaboration. Designers can create stunning designs, interactive prototypes, design s...

Origami is a free tool for designing modern user interfaces.

wireframe tool design
Modelio http://www.modelio.org/
20/11/2013 cluster icon
  • iPlotz : Wireframing, mockups and prototyping for websites and applications
  • Inkscape : Inkscape is a professional vector graphics editor for Windows, Mac OS X and Linux. It's free and open source.
  • 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...
  • Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas. The CSS Gallery Alternative
  • Wapiti : Wapiti allows you to audit the security of your web applications. It performs "black-box" scans, i.e. it does not study the source code of the applica...

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.
  • ColoRotate : Color palette generation tool
  • MyDraft : Free wireframing online tool
  • Browsershots : Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providi...
  • kuler : Color palette generation tool

Online diagram/mockups design.

design wireframe online tool
BLOKK font http://blokkfont.com
01/04/2013 cluster icon
  • Typetester : Compare fonts for the screen
  • Origami Studio : Origami is a free tool for designing modern user interfaces.
  • iPlotz : Wireframing, mockups and prototyping for websites and applications
  • draw.io : Online diagram/mockups design.
  • The Elements of Typographic Style Applied to the Web : a practical guide to web typography

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 ...
  • Formalize CSS : Teach your forms some manners!

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.
  • Ink : A Responsive Email Framework from ZURB. Quickly create responsive HTML emails that work on any device & client. Even Outlook.
  • 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.
  • Capacitor : Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript,...

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
  • Paletton : Color Scheme Generator
  • Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas. The CSS Gallery Alternative
  • Mapstraction : A javascript library to hide differences between mapping APIs.
  • Browsershots : Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providi...
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.
  • css3-mediaqueries-js : make CSS3 Media Queries work in all browsers (JavaScript library)
  • 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

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 League of Moveable Type : The Open-Source Type Movement
  • Typekit : Ajoutez une ligne de code à vos pages et faites votre choix parmi des centaines de polices Web. Simple, robuste, standard, accessible et 100 % légal !
  • BLOKK font : BLOKK font gives you a nice fill text for mock-ups and wireframing without the lorem ipsum. The new and better wireframing font.
  • Kernest : Web Fonts. Delivered

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 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...
  • 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 ...
  • Can I email… : Support tables for HTML and CSS in emails.
  • Responsive Web Design Patterns : A collection of patterns and modules for responsive designs.
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
Pattern Tap https://patterntap.com/patterntap
28/08/2010 cluster icon
  • Security Guide for Developers : A practical security guide for web developers.
  • WebPlatform.org : Web Platform Docs is a community-driven site that aims to become a comprehensive and authoritative source for web developer documentation.
  • Introduction to WAI ARIA : This article is for those who are new to ARIA. You need an understanding of HTML and the potential difficulties that people with disabilities can face...
  • Linked Data : This site exists to provide a home for, or pointers to, resources from across the Linked Data community.
  • OWASP : The Open Web Application Security Project (OWASP) is a worldwide not-for-profit charitable organization focused on improving the security of software.

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

web design reference inspiration
Newspaper Club http://www.newspaperclub.co.uk
03/04/2010 cluster icon
  • Paletton : Color Scheme Generator
  • Browsershots : Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providi...
  • kuler : Color palette generation tool
  • 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.
  • pgModeler : PostgreSQL Database Modeler is an open source data modeling tool designed for PostgreSQL. No more DDL commands written by hand let pgModeler do the jo...

Newspaper Club is a service to help anyone make and print their own newspapers. Our mission is to give people the tools to turn whatever they want into newsprint, quickly and easily.

newspaper design diy
page 1 / 3
1640 links
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn