Design resource files and templates spread on bright white desk, airy well-lit studio, clean professional environment
Home/Resources

60+ Free Downloads

Free tools to
build with.

Templates, cheat sheets, icon packs, and reference guides — all free, no account required. Download and keep forever.

60+
Downloads
4
Categories
100%
Free

⭐ Featured Resources

Beginner Starter Kit preview — Everything you need to start your first web project: HTML bo
ZIP

Beginner Starter Kit

Everything you need to start your first web project: HTML boilerplate, CSS reset, folder structure guide, and a README explaining each file.

HTMLCSSBoilerplate
24 KB · 4 files8.2k
PDF
PDF

CSS Color Cheat Sheet

50 curated color palettes for web design. Includes hex codes, usage tips, and accessibility notes for each palette.

ColorPalettesAccessibility
1.2 MB · 12 pages11.3k
Typography Field Guide preview — A comprehensive guide to web typography: font pairing, hiera
PDF

Typography Field Guide

A comprehensive guide to web typography: font pairing, hierarchy, scale, line height, and choosing fonts from Google Fonts.

TypographyFontsDesign Principles
2.1 MB · 18 pages6.9k
SVG
SVG

UI Icon Pack (100+ SVGs)

Clean, consistent SVG icons in a unified 24×24 grid. Includes UI icons, arrows, social media, and common interface symbols.

IconsSVGUI
180 KB · 100+ icons12.1k

All Resources

Landing Page Template preview — A clean, responsive landing page template with hero, feature
ZIP

Landing Page Template

A clean, responsive landing page template with hero, features, testimonials, and CTA sections. Fully commented for learning.

HTMLCSSResponsive
18 KB · 3 files5.7k
Portfolio Template preview — A minimal, elegant portfolio template for showcasing your pr
ZIP

Portfolio Template

A minimal, elegant portfolio template for showcasing your projects. Perfect for your first web design portfolio.

PortfolioCSS GridFlexbox
22 KB · 4 files4.1k
ZIP
ZIP

Blog Layout Template

A readable, typographically-focused blog layout with article cards, sidebar, and pagination.

BlogTypographyLayout
16 KB · 3 files3.4k
PDF
PDF

CSS Properties Reference

The 80 most-used CSS properties on one page. Quick-reference format with syntax examples and browser support notes.

CSSReferenceQuick Guide
890 KB · 6 pages9.8k
PDF
PDF

Flexbox Visual Cheat Sheet

Every Flexbox property illustrated with visual diagrams. See exactly what each value does at a glance.

FlexboxLayoutVisual
750 KB · 4 pages7.6k
PDF
PDF

HTML Tags Reference

All semantic HTML5 tags with descriptions, usage examples, and when to use each one.

HTMLSemanticReference
620 KB · 5 pages6.2k
Web Design Principles Guide preview — The 7 core principles of visual design applied to websites:
PDF

Web Design Principles Guide

The 7 core principles of visual design applied to websites: contrast, alignment, repetition, proximity, balance, white space, and hierarchy.

Design PrinciplesVisual DesignUX
1.8 MB · 14 pages5.4k
PDF
PDF

Responsive Design Guide

How to think about and build responsive layouts. Covers breakpoints, fluid typography, and mobile-first strategy.

ResponsiveMobileCSS Grid
1.4 MB · 12 pages4.8k
SVG
SVG

Social Media Icon Set

25 social media brand icons as clean SVGs. Twitter, GitHub, LinkedIn, Instagram, YouTube, and more.

Social MediaSVGIcons
45 KB · 25 icons7.3k

More Coming Soon

New resources added monthly.

We add new templates, guides, and cheat sheets every month. Check back often.

Back to Lessons