Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/louisescher/spectre

Spectre is a terminal-inspired theme for Astro, built using Astro and TypeScript.
https://github.com/louisescher/spectre

astro astro-theme

Last synced: 24 days ago
JSON representation

Spectre is a terminal-inspired theme for Astro, built using Astro and TypeScript.

Host: GitHub
URL: https://github.com/louisescher/spectre
Owner: louisescher
Created: 2024-12-29T17:12:32.000Z (about 1 month ago)
Default Branch: master
Last Pushed: 2025-01-05T21:27:41.000Z (24 days ago)
Last Synced: 2025-01-05T22:24:18.768Z (24 days ago)
Topics: astro, astro-theme
Language: Astro
Homepage: https://spectre.louisescher.dev
Size: 7.39 MB
Stars: 21
Watchers: 1
Forks: 6
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        ![Spectre, a terminal-inspired theme for Astro.](./images/README.png)

Spectre is a terminal-inspired theme for Astro, built using TypeScript and Astro.

## Getting Started

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/louisescher/spectre/tree/main)

[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/louisescher/spectre/tree/main)

Alternatively, you can create a new Astro project with Spectre like this:

```bash

# npm

npm create astro@latest -- --template louisescher/spectre

# pnpm

pnpm create astro@latest --template louisescher/spectre

# yarn

yarn create astro --template louisescher/spectre

```

## Features

- 100 / 100 Lighthouse performance

- Responsive for all screen sizes

- Fully accessible

- Type-Safe

- Auto-generated sitemap

- Markdown / MDX Support

- Builds on content collections

- Search powered by [pagefind](https://pagefind.app)

- Comments powered by [giscus](https://giscus.app) (can be turned off)

- More!

## Curious?

Head over to [the preview page](https://spectre.louisescher.dev) to find out more!

### Spectre Integration

If you want to know more about how the custom integration that is used in the `astro.config.ts` file works, head over to the [integration's own README](https://github.com/louisescher/spectre/tree/master/package)!