Design Resources

Explore recommended design resources by task. Read the introductions, then visit the official websites to use each tool.

All Design software Color tools Design systems Icons & assets Motion & interaction 3D Web development Stock & assets Inspiration & reference

Framer

Category: Web Development

A powerful design and prototyping tool for building interactive sites and digital experiences without code. Known for its intuitive UI and animation, responsive layout, and interactive prototypes. As an official Framer partner, we offer an exclusive deal: use code partner25proyearly for 3 months free Pro subscription.

Read introduction →

Webflow

Category: Web Development

Webflow is a visual website builder. Turn designs into responsive sites and CMS. Ideal for designers building sites or delivering static pages.

Read introduction →

CSS-Tricks

Category: Web Development

CSS-Tricks provides frontend and CSS tutorials, snippets, and guides. Ideal for layouts, motion, and responsive design implementation.

Read introduction →

CodePen

Category: Web Development

CodePen is an online frontend playground. Write HTML/CSS/JS with live preview. Ideal for trying effects, creating motion, and sharing code snippets.

Read introduction →