Business10 pages · 0 downloads · HTML free, other stacks $19.00

Sidecar

Product Studio Website Template

A hands-on agency website for a product studio that startups hire, with an engagement estimator and a build-log look.

Stack

v1.0.0

This preview doesn’t save anything, so carts, bookings and settings reset when you change pages. Open the live demo to try them fully. The downloaded template saves them as normal.

More of Sidecar

About this template

Sidecar is a multi-page agency website for a fictional 14-person product design and engineering studio in Little Rock, Arkansas, that embeds with seed-stage startups to design, build and launch their first product. It has filterable case studies with a grid or list layout, a full case study with a sketch-to-shipped slider, services and engagement models, an estimator that prices a fixed sprint or monthly retainer from services, team size and weeks, a week-by-week 12-week process, a team page with drawn portraits, open roles and a multi-step project brief with rolling start dates.

Features

Case study index filtered by service and funding stage, with a grid or list layout, shareable URLs and a drawing for each of eight projects
Full case study with a draggable sketch-to-shipped compare slider, a project timeline and results
Engagement estimator: services, team size, a weeks slider and a fixed sprint or monthly retainer switch, with a price range, a sample timeline and dates, saved and shareable
Engagement model helper that suggests a fixed sprint, a retainer or build to hire from three questions
A 12-week process as keyboard-accessible week tabs with a founder hours chart and deep links
Team page with 14 drawn portraits, a group filter and a live studio clock in Central time
Open roles with discipline and location filters, pay ranges and expanding role details
Five-step project brief with inline validation, estimator prefill and a success panel with a reference
Next open start dates that roll forward from today, so the demo never goes stale
Workshop build-log design in Recursive and Architects Daughter, with a faint engineering grid, tape, stamps and pen notes

Pages included

Quick start

unzip sidecar.zip && cd sidecaropen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build

Read the Sidecar documentation →

Questions, answered

What's included with Sidecar?

10 pages: Home, Work, Case study, Services, Pricing and estimator, Process, About, Careers, Start a project and 404. Every download also has a README and a changelog, and there's a full guide to customizing it. Read the Sidecar guide

Is Sidecar free?

The HTML + Tailwind version is free with a free account. The Next.js, Astro, Nuxt and WordPress versions cost $19.00 for this template. You can try every page in the live demo first.

Can I use Sidecar for a client's website?

Yes. The free HTML + Tailwind version is under the MIT License, which allows paid client work. The commercial license covers unlimited websites and apps for you and your clients, but not reselling it as a template. Read the license

Do the forms in Sidecar send email?

Not until you connect them. Out of the box they check what people type and show a confirmation, but nothing is sent. Connect each one to a form service or your own backend before you launch. How to connect them

Does Sidecar save anything in the browser?

Yes, on the visitor's own device, using localStorage. Nothing it saves there is sent anywhere. If the browser can't save, changes last for the visit. See everything it saves

Where can I host Sidecar?

The HTML + Tailwind version runs on any static host, with no build step. The Next.js version builds to static files for any static host, or can run on a host with Node.js. The Astro version builds to static files for any static host. The Nuxt version builds to static files for any static host, or can run on a host with Node.js. The WordPress theme needs WordPress 7.1 or later. Compare the stacks

Changelog

v1.0.0
Nov 10, 2026
Added
- Ten HTML pages for Sidecar, a product design and engineering studio for seed-stage startups in Little Rock, Arkansas.
- Work index with eight projects, filters by service and funding stage and a grid or list layout, all kept in the URL so a filtered view can be linked.
- Full Brineworks case study with project facts, a sketch-to-shipped compare slider, a 14-week timeline, results and a founder quote.
- Engagement estimator: pick services, team size and weeks, switch between a fixed sprint and a monthly retainer, and see a price range, a sample timeline and dates, saved in the browser and shareable by URL.
- Services page with an engagement model helper, a 12-week process with keyboard-accessible week tabs and a founder hours chart, and a team page with drawn portraits, a group filter and a live studio clock.
- Careers page with discipline and location filters and expanding role details, and a five-step project brief with validation, estimator prefill and next open start dates that roll forward from today.
- Drawn artwork throughout, a social image and full documentation.