design
home of open source icons.
Iconify is an opensource library of icons - they also have an API which you can use to get the icon SVG.
add ... based on block height
Find Fonts From An Image Have an image with type and you don't know what the font is? Upload it and we’ll find the fonts that match.
beautifull css designs
Each week, we'll feature inspiring UX examples, proven frameworks, and hard-earned lessons from in-depth conversations with product, design, customer success, and marketing experts. The end goal is to help you build user onboarding and product experiences that turn more of your new users into lifelong customers.
Selective Free Design Resources to Download.
A growing library of free design resources made by the world's best designers. Unblast selects the best of the best, therefore putting in your hands quality useful resources such as mockups, fonts, templates, icons, graphics and saves you tons of searching hours.
Collection of free design tools and resources for makers, developers and designers
SVG-edit is a fast, web-based, JavaScript-driven SVG drawing editor that works in any modern browser.
100 books vetted by the community to inspire growth across the many disciplines influencing modern software design.
0to255 is a simple tool that helps web designers find variations of any color.
AI design tools for inspiration. Your smart design companion.
Not just a suite of AI tools, but a creative partner for design inspiration. Boost your design process and eliminate the daunting blank page with clever recommendations and useful visuals.
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. We're expanding the icon set as much as possible while keeping it nice-looking.
Simple Color System for Complex Digital Interfaces.
Carefully picked colors to match with your interfaces challenges.
Video on command. Pika puts creative control where it belongs: in your hands.
Pika is a image to video generator using ai.
Free design tools for UI & UX designers.
All in one resource for finding everything about colors. Thousands of beautiful color palettes you can use it directly by one click.
a chart and vector image re-styler.
Turn any vector image (charts, diagrams, illustrations) into hand-drawn art.
CJS/ESM ANSI color library for terminals, CI and Chromium-based browser consoles. Compatible with Bun, Deno, Next.JS.
HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it's container. If you've ever had to create this effect on a project, you'll know it's pretty annoying to do. But this plugin makes it easy and adds support for IE7.
When designing websites, you may not have the images you need at first. But you already know the sizes and inserting some placeholders can help you better seeing the layout. Don’t waste your time making dummy images for your mockup or wireframe. Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text. It’s free and open-source.
the collaborative interface design tool. Figma connects everyone in the design process so teams can deliver better products, faster.
Related contents:
A JavaScript library to make MSIE behave like a standards-compliant browser. IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.
Free Icons.
A high-quality selection of free icons. No premium options or sign-ups. Your new alternative to Noun Project, Flaticon, and all Figma resources. Available in SVG, Font, React, React Native, Flutter, Figma and Framer.
A high-performance list component for React Native.
Legend List is a high performance virtualized ScrollView library for React Native. Compared to FlatList and FlashList it’s faster, simpler, and has useful features they don’t support.
HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers.
Create generative art by using the canvas api and node js. Before you use the generation engine, make sure you have node.js(v10.18.0) installed.
themer takes a set of colors and generates themes for your development environment (editors, terminals, wallpapers, and more).
An agent skill — for Claude Code, Codex, and any SKILL.md-compatible agent — that builds an immersive, scroll-scrubbed "fly through the world" landing page for any industry or brand — the kind where, as you scroll, a camera flies from outside each scene into its interior, then flows on to the next scene with no cuts. One continuous connected flight through a little generated world (think the Emons logistics site, applied to whatever you want).
The Easiest 3D device mockup builder. A better way to present design. Generate 3D device mockup in a quick and engaging way.
Level up your React Native StyleSheet.
Unistyles is a cross-platform library that enables you to share up to 100% of your styles across all platforms. It combines the simplicity of StyleSheet with the performance of C++.
Unistyles is a superset of StyleSheet similar to how TypeScript is a superset of JavaScript. If you’re familiar with styling in React Native, then you already know how to use Unistyles.
Related contents:
DesignValley is the ultimate design tool depository. Find, vote, save and share your favorite design tools now!
A selection of complimentary typography for your web projects. Best free fonts for designers.
There's a different way to put pictures in QR codes. Instead of scribbling on redundant pieces and relying on error correction to preserve the meaning, we can engineer the encoded values to create the picture in a code with no inherent errors.
Related contents:
A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.
Find mathematically optimal font pairings — anatomy, metrics & compatibility
Inkscape is professional vector graphics software which runs on Linux, macOS and Windows desktop computers.
Favicon Generator for perfect icons on all browsers Favicon Generator. For real. All browsers All platforms
Refreshingly simple. Premium icons for websites and applications.
Related contents:
The NEW Responsive 960 Grid CSS Framework That You’re Already Familiar With.
The design language that makes your AI harness better at design. The missing upgrade to Anthropic's frontend-design skill. Design fluency for AI harnesses.
Great design prompts require design vocabulary. Most people don't have it. You can't ask for "more vertical rhythm" if you've never used those words. Impeccable gives you commands that put designer language in your hands.
Related contents:
Procedurally generated Chinese landscape painting. Procedurally-generated vector-format infinitely-scrolling Chinese landscape for the browser.
Create stunning vector illustrations in seconds. Create stylish & consistent vector illustrations in seconds
Just type a prompt and our AI will generate four unique vector illustrations that maintain a consistent style. Perfect for busy web agencies and creative individuals, it simplifies and speeds up your design process.
A Directory of Design Resources & Tools. The best digital design resources from around the Web in one place.
Today we are glad to release a yet another freebie: a Twitter GUI PSD for the recently released Twitter UI update, designed by Jon Darke of Every Interaction and released exclusively for Smashing Magazine and its readers. The PSD provides the full mockup with all layers in vectors, allowing you to scale up the design elements without loss of quality. The set includes two versions: one for personal accounts and also the new Twitter Enhanced profile page with 835×90 header image for brands and advertisers. The set is compatible with Adobe Photoshop CS4+.
151 Visual Phenomena & Optical Illusions with explanations.
50 open-source skills that teach your AI coding agent to make motion graphics, animation & video — kinetic typography, data-viz, explainers, TikTok/Reels, WebGL, Manim. 14 installable packs. By iart.ai, the AI motion agent.
Download Free lightweight animations for website & apps. Lightweight, scalable animations for your ads and social media.
LottieFiles takes away the complexity from Motion Design. It lets you Create, Edit, Test, Collaborate and Ship a Lottie in the easiest way possible.
Related contents:
Tiny minimal 1px icons designed to fit in the smallest places. Designed on a 15x15 grid, Teenyicons easily fit in very small spaces pinching_hand and maintain a crisp look sparkles
One color a day, told as it ought to be told: with its provenance, its chemistry, and the people who paid for it in poison.