Penpot
penpot.appOpen-source interface design with CSS-based layouts
Open-source interface design with CSS-based layouts
Experiment with image filters and editable adjustments
A source and web editor with built-in HTML preview, file tools and language-server support.
A Notion web clipper for capturing articles, highlights, and other web content.
Apply selective color adjustments to RAW photos
Adjust CSS colour pairs and inspect their changing contrast ratio.
Build colour tools with JavaScript objects, conversions and gamut controls.
Build an eleven-step scale and export variables for a web project.
Edit a colour system in perceptual coordinates and copy design tokens.
Control gradient colour positions and the transitions between them.
Build a resizable colour picker with optional fields and alpha controls.
Named gradient references with colour values and a companion Chrome tool
A browser-based Dart and Flutter workbench for running small programs and UI samples.
Pattern references and comparisons for interface decisions
Pick screen colours, adjust their values and keep small Windows palettes.
Render HTML and CSS into PDF from a command line or Python
Publish XML and HTML documents using XSL-FO or CSS
Customizable SVG drawings with inline and sprite integration guidance.
Make interactive art and visual projects for the web with a JavaScript creative-coding library.
Describe Ruby behavior with executable examples, expectations, and test doubles from the RSpec libraries.
Turn Gherkin behavior examples into executable acceptance checks for PHP applications.
Connect browser colour picking with shareable palettes and scales.
Try a palette on logos, interfaces, posters and patterns.
Practical setup, knowledge and examples for accessible interfaces