Design Tool Bookmarks

Radial Field Shape Generator

drohnen-presse

Sci-fi assemblies of spheres and tubes, drawn as ink vectors. Every drawing has a name; the name is its address.

Design, build, ship, repeat.

Holo is an interactive 3D web experience and design showcase by UI

3D QR Code Generator

The 3D QR Code Generator is a web-based tool for creating interactive, 3D QR codes that can be scanned to access a link. It is designed for users who want to add a unique and engaging element to their digital content, such as websites, social media, or marketing materials.

Design anything

Popmelt is a design collaboration layer and browser toolbar that integrates directly into local web

Liquid Orb Editor

SVG icon morphing library for React, Vue & Svelte

Morph any SVG icon into any other with spring physics. Animate Lucide, Tabler and Heroicons in React, Vue, Svelte, React Native, Astro or vanilla JS. Zero dependencies, ~6 KB gzip.

Bivariate Color Palette Builder | Staridas Geography #MakingMapsPretty

This is a free online tool designed to build bivariate color palettes for maps. It is for designers and cartographers who need consistent and customizable color schemes. Users can select colors, fine-tune grid settings, and export the resulting palette as GPL, SVG, CSS, or JSON for use in their mapping projects.

Backgrounds nobody else has, in seconds

Pryzm.design. It is a tool to "Design beautiful backgrounds for websites, templates, and decks. Blend a gradient, an optional photo, and an optional pattern, then export in high resolution." Tags: design-tool. *What it is:* A design tool (Pryzm) for creating custom backgrounds. *How it works:* Blends gradients, photos, and patterns. *Who it is for:* Designers, people needing website/template/deck backgrounds. *Why it is useful:* To generate unique, high-resolution, professional-looking backgrounds quickly.

Color ramps and semantic tokens your agent can read

This design utility generates color ramps and semantic tokens formatted as plain text or JSON for automated tools and human handoffs. It caters to UI/UX designers, front-end developers, and design system creators. The tool ensures accessibility compliance with WCAG AA or AAA enforcement while exporting directly to CSS, Tailwind, or Figma.

Post by @ImranUxi on X

Found some ridiculously good resources for background gradients & colors. Save this http://backgrounds.supply - 1,000+ ready-to-use gradie

Physics native design tool

Bend, squish and collide organic shapes for real, instead of faking it by hand with the pen tool. A design tool that does the physics. Coming soon.

Mark's Overprinter

Browser tool for overprint / misregistration typography effects.

Isometric / Orthographic SVG Renderer

Transform flat SVG graphics into isometric 3D projections. Apply rotations, add depth extrusion, create animations, and export as clean vectors.

Starter kit for AI design apps

Toolcraft is an open-source starter kit and UI library for building custom design apps with AI.

Holosticker

Holographic sticker studio. Upload artwork, tune the foil, and export a realistic holofoil sticker as a transparent PNG.

INKDRUM™ — Risograph Print Shop

INKDRUM — a browser risograph print shop. Real riso inks, paper stocks, grain and misregistration.

Vibe — Generative Design Toolkit

Claude Artifact

This Claude Artifact page contains interactive code or content generated within an AI

Draw Pixel by Element Lee

Draw Pixel is a minimalist, browser-based pixel drawing application inspired by classic graphics tools. Designed for digital artists and designers, it provides customizable brushes, platform-wide gesture support, and keyboard controls to streamline canvas navigation and mouse drawing.

GENERATIVE SHADER ATLAS 30+30 - Kazoops

You can try out 60 types of real-time generative shaders within a single sketch.The UI supports collapsing and hiding, and features include automatic playback and the ability to save individual sketches.

Turn Videos into ASCII Art & Animations

Convert videos and images into real-time ASCII art and animations right in your browser. Customize density, contrast, and character sets, then export your creations.

Puck's Seamlessifier + Ripper by Puck

All in one tool that let's you rip the textures out of photos from any perspective and make them seamless!

Cymatic Volume

Cymatic Volume is an interactive design tool showcasing a volumetric sand field powered by shader-driven particles that form resonant nodal surfaces. It targets creative coders, digital designers, and visual physics enthusiasts. The tool aids in exploring dynamic particle behaviors and acoustic wave visualizations.

GRADIENTOOL

A simple tool for infinite unique outputs.

FLUID — generative assets for your site

FLUID is an interactive generative art design tool for web developers, designers

DESIGN≒FORMULA｜数式から美しいパターンを作る無料ジェネレーター

DESIGN≒FORMULA is a free browser-based generator that creates geometric visual patterns and Lissajous curves using mathematical formulas. It is designed for graphic designers and digital artists seeking vector pattern elements. The application allows real-time shape customization, palette adjustment, and direct exports to SVG and PNG formats.

googoo — melty pixel type

googoo — draw pixels or type text and watch them melt into gooey vector shapes. Copy as SVG, paste into Figma.

Browser-based Image Editor with Dither Effects

A browser-based image editor with dither effects is a tool for designers who want to create stunning visuals. It is useful for anyone looking to add unique effects to their images without needing to create complex edits, and is particularly suited for those who want to explore the creative possibilities of dithering.

todd

Misaki Ohta/太田 三砂貴

エッシャー風タイリングメーカー｜Tessellation Studio

辺をドラッグするだけで、隙間なく敷き詰まるエッシャー風のパターンを作れる無料ツール。正方形・六角形・4回回転対称・メタモルフォーゼの4モードに対応し、配色・曲線・回転も自由に調整。PNG / SVG で書き出し可能。インストール不要・サーバー送信なし、ブラウザだけで完結します。

Free 2D animation & motion graphics software for Mac and Windows

Download Cavalry free on Mac or Windows. Real-time 2D animation, motion design, and data-driven workflows - built for animators and motion designers.

Color Palette Pro — A Synthesizer for Color Palettes

This web-based color tool allows users to generate and edit customizable color palettes across advanced color spaces like OKLCH, LCH, and HSL. It is designed for graphic designers, web developers, and digital artists needing precise palette creation. The utility simplifies generating harmonious schemes and exporting color data into various digital formats.

v0 - Image to ASCII - v0 by Vercel

This application is an ASCII Art Converter that allows users to transform images into ASCII art representations. Users can upload images either by dragging and dropping them into the application or by using a file input. The app supports various character sets for ASCII art, including standard, detailed, block characters, and minimal options. To use the app, users can adjust the resolution of the ASCII art using a slider, toggle options for color inversion and grayscale mode, and select their preferred character set from a dropdown menu. Once an image is loaded, the app automatically converts it into ASCII art based on the selected settings. The resulting ASCII art is displayed in a preview area, where users can also see colored ASCII art if the grayscale option is disabled. Key features of the app include: - Image upload via drag-and-drop or file selection. - Adjustable resolution for ASCII art output. - Multiple character set options for different styles of ASCII art. - Options to invert colors and switch to grayscale mode. - Copy to clipboard functionality for easy sharing of the generated ASCII art. - Download option to save the ASCII art as a text file. The application is built using React and TypeScript, leveraging hooks for state management and effects. It utilizes a canvas element for image processing and rendering, and it incorporates UI components for sliders, buttons, and select menus. The app is designed to be responsive, adapting its layout for both desktop and mobile users.

CSS3 Patterns Gallery

This page is a comprehensive gallery of CSS3 patterns and techniques. It is for web developers and designers looking to implement modern styling features. It is useful for quickly finding and learning how to apply advanced CSS properties like gradients, animations, and layouts.

Naker Back

Create cool interactive background

Vector Paint

You should check out Vector Paint and create some cool artwork! vector-paint.com/app

Neumorphism/Soft UI CSS shadow generator

CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.

Monospace (ASCII art generator)

...

Spline - 3D Design tool in the browser with real-time collaboration

Spline is a free 3D design software with real-time collaboration to create web interactive experiences in the browser. Easy 3d modeling, animation, textures, and more.

Jitter · A fast and simple motion design tool on the web

Jitter is a collaborative motion design tool that lets you create professional animations in minutes, no matter your experience with motion.