Getting Started. Get up and running with Lexington Themes

Welcome to Lexington Themes

At Lexington, you’ll find premium themes crafted with Astro JS and Tailwind CSS to support your design, development, business, blog, or personal projects. These themes are flexible, functional, and easy to customize, regardless of your experience level.

Our themes are regularly updated to stay aligned with the latest versions and best practices of Astro JS and Tailwind CSS. Interactivity is handled with vanilla JavaScript, with no runtime framework to learn or carry. All themes can also be exported as static HTML files for maximum flexibility.

Quick Start Guide

1. Choose your theme or get a Full Access license

Browse our collection to find a theme that suits your needs.

2. Access your purchase

The whole flow on camera: checkout, sign in to the portal with the emailed code, connect GitHub, open your repository:

Accessing your purchase: checkout, customer portal sign-in, GitHub access, theme repository

After purchasing a theme or Full Access, you can access it through:

  • Polar.sh library
  • The legacy dashboard has been closed. If you bought on Lemon Squeezy (purchases made between February 2023 and November 2024), please reach out and I will move you to Polar so you keep access to your themes.

From your Polar library, link your GitHub account and accept repository access for the themes you purchased.

3. Setup requirements

Before getting started, ensure you have:

  • Node.js v20 or higher (EmDash CMS variants need v22.12+)
  • Text editor (Cursor or VS Code with the official Astro extension recommended)
  • Terminal access for Astro CLI commands

4. Installation

The whole flow, from download to dev server, in half a minute:

Installing a theme: download, install dependencies, start the dev server
  1. Link GitHub and accept repository access
    If you haven’t done it yet, go to your Polar library.
    Connect your GitHub account and accept the invitation for your theme repository.

  2. Fork or download — don’t clone the theme repository directly

    • Fork (recommended): you get your own copy under your GitHub account. You can push your changes, connect AI tools and cloud agents to it, and still pull in theme updates later.
    • Download ZIP: quickest way to grab the code if you don’t want a Git history.
  3. Fork the repository

    • Open the theme repo on GitHub (e.g., https://github.com/Lexington-Themes/your-theme).
    • Click Fork (top-right) and choose your account.
  4. Clone your fork See widget below

    • On your fork’s page, click the green “Code” button (above the file list, top-right).
    • A dropdown will appear, this is the widget shown underneath.
    • Here you’ll see options for Local (default), Codespaces, and tabs for HTTPS / SSH / GitHub CLI.
  • In the Local → HTTPS tab, copy the URL, then run:
bash
git clone https://github.com/your-username/your-theme.git
  • Note the URL points at your fork, not Lexington-Themes/….
  1. Or download instead of forking

    • On the repo page, click “Code” → Download ZIP.
    • Unzip it and open the folder in your editor. That’s it, no Git involved.
  2. (Optional) Update all dependencies to their latest versions using npm-check-updates (ncu)

    ncu is a command-line tool that helps you check for newer versions of your npm dependencies and update your package.json accordingly.
    To install npm-check-updates globally, run:

bash
npm install -g npm-check-updates
  1. Install dependencies
npm install
  1. Start the development server
    • Run:
bash
npm run dev

Build for Production

Build and preview, start to finish:

Building for production: npm run build, then preview the result locally

To generate a production build, run:

bash
npm run build

The output will be created in the dist/ directory.

To preview the production build locally, run:

bash
npm run preview

Tip: Use npm run preview before deploying to Netlify/Vercel to ensure everything works correctly in the production build.

5. Deploy Your Site

Deploy your theme using popular hosting services:

  • Netlify: Flexible deployment with consistent CI/CD integration
  • Vercel: Quick, free deployment optimized for Astro sites

Lexington Motion (Remotion templates)

Lexington Motion is a pack of 196 video templates for social, websites, promo films, trailers, typography films and animated charts, built with Remotion. It is included with Studio and Agency Full Access and sold standalone, and is delivered like the themes: accept the GitHub invitation from your Polar library, then fork or download the lexington-motion repository.

Setup, adding your images, text props, rendering and restyling are covered on the Lexington Motion documentation page.