Forgotten?
image

Shaking the Habitual
Source Project files

Great starter sites
(and perfect for deconstructing and learning!)

Project packs

Get your projects off to a great head start with our stunning project packs! Buy them individually or check out our bundle deal (details below)! All projects include extensive Developer Notes that detail exactly how (and why) each section has been built.

image

Monterey

In addition to Source and Source Addon stacks, this project makes use of the following best-in-class stacks.

image
image

Limelight (Big White Duck)

This project recreates Apple's Monterey webpage, making full use of Grid Plus Pro to easily build the grid sections such as the FaceTime section (which is built with a single stack!).

image

Natura

In addition to Source and Source Addon stacks, this project makes use of the following best-in-class stacks.

image
image
image
image

Poster 2 byInstacks (optional)

This project makes use of (and requires) the Source Companion stacks to create a fully engaging website with sliders and animations. It also incorporates an example of using Splider to generate a Poster 2 blog slider!

image

Machina

In addition to Source and Source Addon stacks, this project makes use of the following (optional) best-in-class stacks.

Interesting layout in the header section with text and an image that cuts across most of the page width. There are 3 pages that each contain some nice layout / content twists.

image

Botanist

In addition to Source and Source Addon stacks, this project makes use of the following (optional) best-in-class stacks.

Check the 'Extras' section of the project to see these in action!

Clean and professional site suitable for a wide variety of uses. Striking header sections along with some interesting layouts. The main project pages are 100% Source-built! Our 'companion' stacks are demoed in the Extras section!

image

Blocked

In addition to Source and Source Addon stacks, this project makes use of the following (optional) best-in-class stacks:

Some advanced techniques are used to create a grid-based 'block'-type site with lots of interesting sections, layering and hover effects. Also includes (an optional) Poster 2 blog!

image

Light & Shade

This project file 100% built with Source stacks and uses some of the available 'effects' CSS classes to create some stunning hover interactions. Also includes a custom-built in-page navigation item.

Setapp

In addition to Source and Source Addon stacks, this project makes use of the following best-in-class stacks:

image

Splider (50% discount code available in project file)

image

Limelight (Big White Duck)

image

Sticky Grummage (Big White Duck)

image

ScrollMate 2 (Big White Duck)

image

Chroma (Big White Duck)

Please consider donating for any free stacks.

I am a user and big fan of Setapp. If you aren't familiar with their service do check it out. This project uses 3 pages from the Setapp site to demonstrate some really interesting layouts and techniques.

image

Pizza Monkeys

In addition to Source and Source Addon stacks, this project makes use of the following best-in-class stacks:

Please consider donating for any free stacks.

This was a specially released project to celebrate Source being 1 year old! It is a full project with over 10 pages and showcases numerous innovative layout approaches (not least in the 'gallery'!).

ELEMENTS

Elements 1

A collection of over 50 web elements built using Source and Source Addon pack. The Elements are in a range of categories (e.g. Cards, CTAs, Services, Overlaps etc) and ready to be dropped into any Source project.

image

Freelancer

In addition to Source and Source Addon stacks, this project makes use of the following best-in-class stacks:

Please consider donating for any free stacks.

This project file is based on a portfolio site for a creative / designer. It also includes a filterable 'projects' section. Be sure to click on the different projects to open them in a stunning lightbox!

image

Monochrome

The Monochrome project contains 3 pages with each demonstrating completely different layout styles (from overlapping sections to full page sections). Be sure to check out each page (links are in the footer!).

image

Block circle

A simple 1 page project that showcases just how much you can do even with only the standard (free!) stacks that come with Source.

cubes

This icon indicates that one or more third-party stacks have been used in the project. Click on the icon to see which additional stacks are required.

Bundle / Lifetime

Any project file can be purchased individually (from the grid above). Alternatively you can get ALL previously released projects and all future projects for a one time payment.

As a bonus - lifetime bundle customers can download the projects directly from this page at any time!

Subscription

Get the latest released project (marked 'New!') and all future projects (while the subscription remains active).

Bundle / Lifetime

Get ALL previously released projects and all future projects for a one time payment.

Frequently asked questions

Here are answers to some questions that you may have. If you have any other questions please let us know!

Elements projects contain per-built 'web comonents' that you can simply copy/paste into new projects. They are grouped into various categories for convenience but any element could be used for any purpose.

Replicant projects are inspired by real / live websites and are an attempt to (loosely) recreate them using Source as the base. These projects are intended for learning purposes only as you should not use the projects as they are. Instead the types of layouts shown should be used as inspiration for your own projects. Deconstructing / reconstructing pages that you find online is a great way to learn about web design.

Note - any content / images included on the pages remains under the copyright of the original website and should not be re-used for any purpose other than for what it was intended.

If any non-Source stacks are used then it is indicated by the stacks icon (click on it to see details).

The following are the third-party stacks most commonly used and that should be in everyone's Stacks collection!

image

Splider (I may be a touch biased but this is the best slider stack for RapidWeaver)

image

Limelight (Used for any Lightbox / pop-up / modal needs)

image

Sticky Grummage (Used for sticking content on the screen when scrolling)

image

ScrollMate 2 (Used for adding scroll-triggered animations)

image

Chroma (Used for pinning / sliding content on the screen)

Please consider donating for any free stacks.