Design Toolbox

402 bookmarks
Custom sorting
About this documentation
About this documentation
This is a living style guide created by the team at .Read more about .This documentation is designed to collected and maintain the styles and visual language of the Neue Zürcher Zeitung’s Visuals team…
·nzzdev.github.io·
About this documentation
Font size calculator
Font size calculator
With this font size calculator, frequent application scenarios can be selected and specific font sizes can be determined according to DIN 1450.
·leserlich.info·
Font size calculator
CSS Transform
CSS Transform
CSS3 2D / 3D Transform Functions Visualizer and Playground
·css-transform.moro.es·
CSS Transform
The A11Y Project
The A11Y Project
A community-driven effort to make web accessibility easier.
·a11yproject.com·
The A11Y Project
𝕱𝖆𝖓𝖈𝖞 𝕱𝖔𝖓𝖙 Generator | Hey How'd you do that?
𝕱𝖆𝖓𝖈𝖞 𝕱𝖔𝖓𝖙 Generator | Hey How'd you do that?
Generate fancy, eye-catching text for your social media posts, messsages, and bios. Simply type, click to copy, then paste the results. Includes 𝕱𝖗𝖆𝖐𝖙𝖚𝖗, 𝔻𝕠𝕦𝕓𝕝𝕖 𝕊𝕥𝕣𝕦𝕔𝕜, 𝒞𝓊𝓇𝓈𝒾𝓋ℯ, 𝚖𝚘𝚗𝚘𝚜𝚙𝚊𝚌𝚎 and more.
·beautifuldingbats.com·
𝕱𝖆𝖓𝖈𝖞 𝕱𝖔𝖓𝖙 Generator | Hey How'd you do that?
A micro-animations library
A micro-animations library
Animated icons in Lottie Framework and After Effects for immediate implementation to your apps or websites.
·useanimations.com·
A micro-animations library
Refactoring UI
Refactoring UI
Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.
·refactoringui.com·
Refactoring UI
Brandfolder: Workbench suite
Brandfolder: Workbench suite
Use Brandfolder Workbench to quickly convert, resize, and extract data on files and images.
·brandfolder.com·
Brandfolder: Workbench suite
The next step in visual coding.
The next step in visual coding.
The visual code editor for designing and building digital products—without writing code.
·modulz.app·
The next step in visual coding.
Nord
Nord
A arctic, north-bluish color palette
·nordtheme.com·
Nord
Generative Art Machines
Generative Art Machines
Tinkersynth is an experimental art store. Create unique prints by manipulating whimsical machines and making serendipitous discoveries.
·tinkersynth.com·
Generative Art Machines
Figma templates, UI kits, design systems
Figma templates, UI kits, design systems
Smart team libraries and design kits for Figma. Components-made with the purpose of accelerating your every project and boosting the workflow
·setproduct.com·
Figma templates, UI kits, design systems
FlowMapp - UX planning tool
FlowMapp - UX planning tool
FlowMapp is next-generation online planning tool for creating a visual sitemap that will help you effectively design and plan a better UX for your websites.
·flowmapp.com·
FlowMapp - UX planning tool
SpriteStack.io
SpriteStack.io
3D pixelart editor based on sprite stacking technique.
·spritestack.io·
SpriteStack.io
Absurd Design - Free Surrealist Illustrations for Landing Pages
Absurd Design - Free Surrealist Illustrations for Landing Pages
Download Surrealist illustrations with sense. Use free for your landing pages and apps. These illustrations combines the absurdity and a deep sense of childishness and naivety.
·absurd.design·
Absurd Design - Free Surrealist Illustrations for Landing Pages
alexpate/awesome-design-systems
alexpate/awesome-design-systems
💅🏻 ⚒ A collection of awesome design systems. Contribute to alexpate/awesome-design-systems development by creating an account on GitHub.
·github.com·
alexpate/awesome-design-systems
Haiku
Haiku
Where designing is building. Create dynamic, cross-platform UIs using design tools, code, or both. Works with any iOS, Android, or Web codebase.
·haiku.ai·
Haiku
Whimsical — The Visual Workspace
Whimsical — The Visual Workspace
Collaborate visually! Craft flows with Flowcharts, design UIs with Wireframes and run projects with Sticky Notes. Whimsical is fast and delightful.
·whimsical.co·
Whimsical — The Visual Workspace
Design Patterns for Mental Health
Design Patterns for Mental Health
We’re building the world’s first public-domain pattern library for the design and delivery of digital services for mental health.
·designpatternsformentalhealth.org·
Design Patterns for Mental Health
Web Design Experiments by Jen Simmons
Web Design Experiments by Jen Simmons
Experiments demonstrating CSS Grid, and what's now possible in graphic design on the web.
·labs.jensimmons.com·
Web Design Experiments by Jen Simmons
ColorBox by Lyft Design
ColorBox by Lyft Design
Colorbox is a color tool to produce color sets.
·colorbox.io·
ColorBox by Lyft Design