Design Toolbox

A complete guide to SVG generators — for everything from SVG shapes and cropping tools to SVG filters, color matrix mixers and SVG to JSX generators.

Create and share your own mathematical animations using the WebGL shader language.

A Design System’s strength comes from knowing how and when to apply options correctly. That's where Design Tokens in System Design comes in.

Drag-and-drop tool for creating beautiful app previews or any marketing materials. Easily insert your screenshot into digital mockups for free.

Easily generate nice looking color matrix filters for your images.

A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to use with your favorite design tools.

Create beautiful, smooth gradients across a wide range of hues.

A repository to bootstrap Figma low code projects. Contribute to KlausSchaefers/figma-low-code development by creating an account on GitHub.

A toy for creating and sharing 3D blobs

Progressive Web Application with 12 open source frontend focused tools

The first composable CSS animation toolkit

Flagpack contains 260+ easily implementable flag icons to use in your design or code project.

An open-source colour picker app for macOS

Build beautiful, responsive, readable interfaces.

Glassmorphism UI CSS generator

vagon is your personal high-performance computer on the cloud. Start vagon instantly and run all challenging software from any device, anywhere.

Mac screenshot app that allows you to zoom in, measure things and pick colors.

Parametric and generative design tools

A powerful toolchain for building Progressive Web Apps and Design Systems

Create web-based 3D experiences

Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!

Lingua Franca is a design language for human-centered AI - a set of guidelines that apply to any AI-driven product, tool, service, or experience, to bring coherence and fluidity to otherwise complex and messy technologies.

Meet Academy, a premium Webflow Template for Online Courses, Education Platforms, or Digital Schools. Impress your students with the great browsing experience of Academy.