Design Resources

Principle focuses on UI motion and interaction animation. Intuitive timeline and driver relationships. Ideal for app and web motion prototypes.

Procreate is a professional drawing app for iPad. Powerful brushes and layers. Ideal for illustration, concept design, and hand-drawn UI.

Affinity Designer is a one-time-purchase vector design app. Supports vector and pixel modes. Can replace Illustrator.

Zeplin is a design handoff and collaboration platform. Sync specs, annotations, and assets from Figma/Sketch. Bridges design and development.

Huemint uses machine learning to generate color palettes. Can target brand, interface, or illustration styles for harmonious palettes.

Happy Hues shows color palettes in real-world contexts. See how colors work in actual interfaces. Great for color inspiration.

Paletton generates palettes from color theory (complementary, analogous, triadic, etc.). Ideal for learning color theory and creating harmonious palettes.

Tabler Icons offers 4000+ outline-style icons. Consistent stroke width. Supports SVG and multiple frameworks. Ideal for dashboards and products.

Phosphor Icons offers multiple weights and styles (thin, regular, fill, etc.). Flexible and consistent. Ideal for modern UI.

Feather Icons is a minimal linear icon set. Small size, consistent style. Ideal for mobile and minimalist interfaces.

Icons8 offers icons, illustrations, photos, and music. Multiple styles and sizes. Free tier requires attribution or link back.

Rive creates real-time interactive animations. Export lightweight runtimes. Supports Flutter, Web, Unity. Ideal for app and game UI.

Cubic Bezier lets you visually adjust Bézier curves and generate CSS transition-timing-function. Ideal for precise motion control.

Easings.net showcases common easing function curves and code snippets. Supports CSS, JS, Swift. Easy to copy into projects.

Animista provides ready-to-use CSS animation snippets. Adjust parameters and copy code. Ideal for quickly adding motion to pages.

Three.js is a popular WebGL library for creating 3D scenes and animations in the browser. Ideal for creative and product showcases.

Vectary is an online 3D design and AR tool. Model, texture, and embed in web. Ideal for product showcases and marketing assets.

Shapefest offers free 3D shapes and scene assets. Download for Blender, Figma, Web. Ideal for quickly building scenes.

Atlassian Design provides design guidelines and component libraries for Jira, Confluence, and more. Ideal for enterprise B2B products.

Carbon is IBM's open-source design system. Includes components, icons, and patterns. Ideal for data and enterprise application interfaces.

Polaris is Shopify's design system. Covers e-commerce components and patterns. Ideal for e-commerce and merchant dashboards.

Storybook is for developing and showcasing UI components in isolation. Supports multiple frameworks. Ideal for design system docs and testing.

Law of UX compiles cognitive and design principles (Hick's Law, Fitts's Law, etc.) with brief explanations and examples. Ideal for learning UX theory.

Pixabay offers free images, illustrations, vectors, and videos. Commercial use without attribution. Ideal for images and video assets.