DESIGN BRAIN

EXISTING DESIGNS / SAVED SOURCE

Start with something
already built.

26 saved templates. MIT code and attribution-required designs to open, inspect and adapt. These are the authors’ designs, with sample content. Keep the required notices and credits. Some are one-page sites; others include several pages. Open a picture to read the template at full size.

Free-to-use code and design communities — where to look

Start building: use a working template below or a saved component. Read its permission label and retained licence. “Free to view” and “open source” are different.

Communities / discovery: r/web_design feedback and questions · Figma Community · 21st.dev. Check the individual item: a community post or screenshot alone does not supply a reuse licence. Figma Community access was blocked to our research tool; no fresh item licence verified there.

After adaptation: describe your contribution as “I designed and built this website using a licensed starting point” when applicable. An unchanged imported demo stays credited to its author. Our builds and credits.

07 / RestaurantMIT template code

DinePro

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

A complete restaurant starting point: three home variants, two menu layouts, gallery, FAQ and booking-form layouts. Original sample content.

Mahroof K / PrettyCodes · imported 26 October. MIT notice. Sample photos, text and dependencies need review before client use. Forms do not send bookings.

01 / NeumorphismMIT code

Neumorphism UI

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

Soft shadows make surfaces look raised or pressed in. Useful for tactile controls; keep text and button boundaries clear.

Themesberg · compiled copy from the TechNext mirror. Includes pages and a component kit. MIT notice

02 / MinimalismMIT code

Clean Blog

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

Fewer elements, generous space and strong type. An editorial starting point with home, about, article and contact pages.

Start Bootstrap · minimal editorial layout with a photo-led header. MIT notice

03 / Flat designMIT code

Stylish Portfolio

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

Bold colour blocks, simple icons and clear sections. A one-page portfolio with navigation, services and project tiles.

Start Bootstrap · flat colour and icon treatment, with photography. MIT notice

04 / Business / agencyMIT template code

Agency

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

Services, project grid, team and a sample enquiry section.

Start Bootstrap · imported 25 October. MIT notice. Sample media and bundled dependencies need review before client use.

05 / Dark / photographicMIT template code

Grayscale

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

A dark photographic opening, project sections and contrasting panels.

Start Bootstrap · imported 25 October. MIT notice. Sample media and bundled dependencies need review before client use.

06 / Typography / profileMIT template code

Resume

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

A fixed sidebar and readable experience, skills and education sections.

Start Bootstrap · imported 25 October. MIT notice. Sample media and bundled dependencies need review before client use.

Personal / compact siteCC BY 3.0

Dimension

Reuse with credit · CC BY 3.0

Licence file checked · 5 Nov 2026. Credit HTML5 UP and identify changes. Read the licence

A compact opening with navigation that reveals article panels.

Author, assets and reuse

HTML5 UP / AJ’s design, imported as a local starting point. Bundled imagery includes deliberate abstract placeholders. Fonts, icons, photos and dependencies retain separate terms. Forms do not send data; no booking/payment backend. Original ZIP unchanged.

Publisher source ↗
Service / personal siteCC BY 3.0

Stellar

Reuse with credit · CC BY 3.0

Licence file checked · 5 Nov 2026. Credit HTML5 UP and identify changes. Read the licence

Gradient backdrop, anchor navigation, feature icons and statistics.

Author, assets and reuse

HTML5 UP / AJ’s design, imported as a local starting point. Bundled imagery includes deliberate abstract placeholders. Fonts, icons, photos and dependencies retain separate terms. Forms do not send data; no booking/payment backend. Original ZIP unchanged.

Publisher source ↗
Portfolio / project galleryCC BY 3.0

Phantom

Reuse with credit · CC BY 3.0

Licence file checked · 5 Nov 2026. Credit HTML5 UP and identify changes. Read the licence

Project tiles open supporting pages, with a slide-out menu.

Author, assets and reuse

HTML5 UP / AJ’s design, imported as a local starting point. Bundled imagery includes deliberate abstract placeholders. Fonts, icons, photos and dependencies retain separate terms. Forms do not send data; no booking/payment backend. Original ZIP unchanged.

Publisher source ↗
Studio / servicesCC BY 3.0

Hyperspace

Reuse with credit · CC BY 3.0

Licence file checked · 5 Nov 2026. Credit HTML5 UP and identify changes. Read the licence

Persistent section navigation, spotlight bands, feature grid and contact layout.

Author, assets and reuse

HTML5 UP / AJ’s design, imported as a local starting point. Bundled imagery includes deliberate abstract placeholders. Fonts, icons, photos and dependencies retain separate terms. Forms do not send data; no booking/payment backend. Original ZIP unchanged.

Publisher source ↗
Portfolio / editorialCC BY 3.0

Paradigm Shift

Reuse with credit · CC BY 3.0

Licence file checked · 5 Nov 2026. Credit HTML5 UP and identify changes. Read the licence

Asymmetric split sections with image galleries and connected headings.

Author, assets and reuse

HTML5 UP / AJ’s design, imported as a local starting point. Bundled imagery includes deliberate abstract placeholders. Fonts, icons, photos and dependencies retain separate terms. Forms do not send data; no booking/payment backend. Original ZIP unchanged.

Publisher source ↗
Business / servicesMIT9 pages

Modern Business

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

Dark opening, service grids, FAQ, pricing, blog and portfolio pages.

Source and reuse terms

Start Bootstrap · MIT. Keep the MIT copyright and permission notice.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Cafe / hospitalityMIT4 pages

Business Casual

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

Warm background photography, cream panels and a classic cafe layout.

Source and reuse terms

Start Bootstrap · MIT. Keep the MIT copyright and permission notice.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Product / signupMIT1 page

Landing Page

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

Photo-led signup, feature icons, alternating image/text sections and a second signup.

Source and reuse terms

Start Bootstrap · MIT. Keep the MIT copyright and permission notice.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Agency / servicesMIT1 page

Creative

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

A large photo opening, warm accent, work grid and services.

Source and reuse terms

Start Bootstrap · MIT. Keep the MIT copyright and permission notice.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Portfolio / freelancerMIT1 page

Freelancer

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

An illustrated profile opening, project grid, about section and sample contact layout.

Source and reuse terms

Start Bootstrap · MIT. Keep the MIT copyright and permission notice.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

App / productMIT1 page

New Age

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

Phone mockups, gradient backgrounds, feature groups and app-download links.

Source and reuse terms

Start Bootstrap · MIT. Keep the MIT copyright and permission notice.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview repaired: obsolete photo links and mobile media sizing.

Shop / catalogueMIT1 page

Shop Homepage

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

Product cards with sample prices, navigation and shopping-cart display. UI only; no payments or inventory.

Source and reuse terms

Start Bootstrap · MIT. Keep the MIT copyright and permission notice.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Campaign / promotionMIT1 page

One Page Wonder

Code reuse permitted · MIT

Licence file checked · 5 Nov 2026. Keep the copyright and licence notice. Media & dependencies need separate review. Read the licence

Bold type on a bright background, then alternating round photos and large headings.

Source and reuse terms

Start Bootstrap · MIT. Keep the MIT copyright and permission notice.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Magazine / servicesCC BY 3.03 pages

Editorial

Reuse with credit · CC BY 3.0

Licence file checked · 5 Nov 2026. Credit HTML5 UP and identify changes. Media & dependencies need separate review. Read the licence

A magazine-like opening, sidebar navigation, feature icons and article layouts.

Original publisher abstract / blurred placeholder imagery.

Source and reuse terms

HTML5 UP / AJ · CC BY 3.0. Credit HTML5 UP and link CC BY 3.0; identify changes.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Portfolio / storytellingCC BY 3.02 pages

Story

Reuse with credit · CC BY 3.0

Licence file checked · 5 Nov 2026. Credit HTML5 UP and identify changes. Media & dependencies need separate review. Read the licence

A modular one-page story with alternating spotlights, image gallery and contact layout.

Original publisher abstract / blurred placeholder imagery.

Source and reuse terms

HTML5 UP / AJ · CC BY 3.0. Credit HTML5 UP and link CC BY 3.0; identify changes.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Product / personalCC BY 3.01 page

Photon

Reuse with credit · CC BY 3.0

Licence file checked · 5 Nov 2026. Credit HTML5 UP and identify changes. Media & dependencies need separate review. Read the licence

A gradient opening, light and dark feature bands, image cards and calls to action.

Original publisher abstract / blurred placeholder imagery.

Source and reuse terms

HTML5 UP / AJ · CC BY 3.0. Credit HTML5 UP and link CC BY 3.0; identify changes.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Studio / portfolioCC BY 3.03 pages

Solid State

Reuse with credit · CC BY 3.0

Licence file checked · 5 Nov 2026. Credit HTML5 UP and identify changes. Media & dependencies need separate review. Read the licence

Layered dark surfaces, angled section edges, circular pictures and project cards.

Original publisher abstract / blurred placeholder imagery.

Source and reuse terms

HTML5 UP / AJ · CC BY 3.0. Credit HTML5 UP and link CC BY 3.0; identify changes.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Studio / creativeCC BY 3.04 pages

Forty

Reuse with credit · CC BY 3.0

Licence file checked · 5 Nov 2026. Credit HTML5 UP and identify changes. Media & dependencies need separate review. Read the licence

A large typographic opening, coloured image tiles and multiple inner pages.

Original publisher abstract / blurred placeholder imagery.

Source and reuse terms

HTML5 UP / AJ · CC BY 3.0. Credit HTML5 UP and link CC BY 3.0; identify changes.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Editorial / portfolioCC BY 3.03 pages

Massively

Reuse with credit · CC BY 3.0

Licence file checked · 5 Nov 2026. Credit HTML5 UP and identify changes. Media & dependencies need separate review. Read the licence

A dramatic title above a white long-form page with featured story and article grid.

Original publisher abstract / blurred placeholder imagery.

Source and reuse terms

HTML5 UP / AJ · CC BY 3.0. Credit HTML5 UP and link CC BY 3.0; identify changes.

Sample photos, fonts, icons and dependencies have separate terms. Forms and shop screens are layouts; they do not process bookings or payments. Preview changes are recorded with the retained source.

Template preview

Open full page ↗

Original sample content. Try navigation and controls; forms do not send data.