Design Toolbox

402 bookmarks
Custom sorting
Free OG Image Generator
Free OG Image Generator
Create beautiful OG images, Twitter/X Header Images & more for free, in simple clicks.
·og.uiineed.com·
Free OG Image Generator
everywhere.tools
everywhere.tools
Collection of open-source tools for designers & creatives
·everywhere.tools·
everywhere.tools
RampenSau — Color ramp generator using curves within the HSL color model
RampenSau — Color ramp generator using curves within the HSL color model
RampenSau is lightweight, dependency free and fast JavaScript function written in TypeScript. It generates color ramps based on a curve within the HSL color model. This page serves as preview for the variety of options the function takes.rampensau is lightweight, dependency free and fast JavaScript function written in TypeScript. It generates color ramps based on a curve within the HSL color model. This page serves as preview for the variety of options the function takes.
·meodai.github.io·
RampenSau — Color ramp generator using curves within the HSL color model
unicorn.studio — No-code WebGL Tool
unicorn.studio — No-code WebGL Tool
Create enchanting WebGL effects, motion, and interactivity — in minutes, not hours. Unicorn Studio makes WebGL easy for designers to embed in Framer, Webflow, or any website.
·unicorn.studio·
unicorn.studio — No-code WebGL Tool
Beautiful themes for shadcn/ui — tweakcn | Theme Editor & Generator
Beautiful themes for shadcn/ui — tweakcn | Theme Editor & Generator
Customize theme for shadcn/ui with tweakcn's interactive editor. Supports Tailwind CSS v4, Shadcn UI, and custom styles. Modify properties, preview changes, and get the code in real time.
·tweakcn.com·
Beautiful themes for shadcn/ui — tweakcn | Theme Editor & Generator
Figr: AI-Driven UI Design & Workflow
Figr: AI-Driven UI Design & Workflow
With Figr effortlessly generate design systems, create brand guidelines, build app flows, develop wireframes, and construct UI design layouts—all in one place. Perfect for designers, developers, and teams looking to streamline their creative process.
·figr.design·
Figr: AI-Driven UI Design & Workflow
Fumadocs
Fumadocs
The Next.js framework for building documentation sites
·fumadocs.vercel.app·
Fumadocs
PAGEGRID – A flexible open source site builder
PAGEGRID – A flexible open source site builder
A website builder for designers, editors and developers. Based on the powerful ProcessWire CMS. Try PAGEGRID for free.
·page-grid.com·
PAGEGRID – A flexible open source site builder
Shadcnblocks shadcn/ui blocks & components
Shadcnblocks shadcn/ui blocks & components
Hundreds of new shadcn/ui blocks and Shadcn components. A premium UI library built with Shadcn UI, React & Tailwind.
·shadcnblocks.com·
Shadcnblocks shadcn/ui blocks & components
Tooooools.app
Tooooools.app
Free browser based image processing
·tooooools.app·
Tooooools.app
Free svg background generator
Free svg background generator
Free svg background generator for your websites, blogs and app.
·bgjar.com·
Free svg background generator
Creatica - Generate vector SVG backgrounds
Creatica - Generate vector SVG backgrounds
Design the endless possibilities with Creatica! Our app offers a diverse range of stunning and customizable background designs, perfect for web designers, graphic artists, and creative enthusiasts. Start creating with Creatica today!
·creatica.app·
Creatica - Generate vector SVG backgrounds
Easing Wizard - CSS Easing Editor
Easing Wizard - CSS Easing Editor
Generate and customize CSS easing functions with ease and magical precision using Easing Wizard 🧙
·easingwizard.com·
Easing Wizard - CSS Easing Editor
Isocons - Toolfolio.io
Isocons - Toolfolio.io
Free collection of customizable ISO-style icons.
·toolfolio.io·
Isocons - Toolfolio.io
HeroKit
HeroKit
Supercharge your website!
·herokit.design·
HeroKit
Slant it - Screen recordings to catchy 3D videos in minutes
Slant it - Screen recordings to catchy 3D videos in minutes
Slant it makes creating beautiful 3D product videos easy. Start with a simple screen recording, choose from dozens of slanted animations, customize, and export. 3D secreen recordings in minutes!
·slantit.app·
Slant it - Screen recordings to catchy 3D videos in minutes
Tailwind CSS Color Generator | UI Colors
Tailwind CSS Color Generator | UI Colors
Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.
·uicolors.app·
Tailwind CSS Color Generator | UI Colors
– mix
– mix
A free color mixer, blender, info and modifier tool. Mix multiple colors, get links for design inspiration and stock images based on a color, view various color combinations and modify colors in an intuitive.
·hue.tools·
– mix
The Data Viz Color Picker
The Data Viz Color Picker
Create visually-equidistant color schemes for data visualizations using one, two, or many hues.
·learnui.design·
The Data Viz Color Picker
Mad Science: Colors
Mad Science: Colors
Color palette builder for UI design and data visualisation
·colors.madscience.design·
Mad Science: Colors