Repolode
Submit
internet-development

internet-development/www-sacred

A React component and style library for building web apps, desktop apps, and static sites with a terminal-style monospace look.

View on GitHubWebsite
Stars
1,569
Forks
82
Open issues
4
Last commit
3 days ago

What is it?

SRCL is a React component and CSS repository that gives interfaces a terminal aesthetic. Its components are built around precise monospace character spacing and line heights, so developers can copy and paste ready-made pieces into web, desktop, or static projects without building the look from scratch.

The project includes a small zero-dependency CLI framework under scripts/cli/lib, with matching TypeScript and Python versions. The same palette is shared between the terminal templates and the React styles, so a screen can be ported between a terminal UI and a browser UI while keeping the same layout conventions.

The repository also publishes AGENTS.md and SKILL.md instruction files at documentation URLs, along with component source, so developers and AI agents can read the conventions and porting guides directly.

Key features

  • 01Monospace-based React components with precise character spacing and line heights.
  • 02Copy-and-paste friendly component implementations for quick assembly.
  • 03Zero-dependency TypeScript and Python CLI framework that shares a palette with the React styles.
  • 04Porting guides for moving terminal-style UIs between TypeScript CLI, Python, and React.
  • 05Component source and convention docs published at stable URLs for humans and AI agents.

Use cases

  • Building a web app or static site that needs a retro terminal look.
  • Creating a desktop-style interface with a monospace, text-first design.
  • Porting a terminal UI to a React page or the reverse.
  • Writing command-line screens in TypeScript or Python that match a web design.

Quick start

  1. 1

    Install dependencies (requires Node.js 22.12+, 24.x, or 26+)

    npm install
  2. 2

    Start the development server

    npm run dev
  3. 3

    Open http://localhost:10000 in your browser

Things to know

  • Requires a specific Node.js range: 22.12+ on the 22.x line, 24.x, or 26+; Node 18, 20, 23, and 25 are unsupported.

Topics

#react#design-system#component-library#monospace#terminal-ui#nextjs#typescript#scss

FAQ

What is www-sacred?
A React component and style library for building web apps, desktop apps, and static sites with a terminal-style monospace look. SRCL is a React component and CSS repository that gives interfaces a terminal aesthetic. Its components are built around precise monospace character spacing and line heights, so developers can copy and paste ready-made pieces into web, desktop, or static projects without building the look from scratch.
Is www-sacred free to use? What license does it have?
www-sacred is open source under the MIT license. Check the license terms before using it in commercial products.
Is www-sacred still maintained?
Actively maintained. The last commit to www-sacred was on Nov 4, 2026.
What can I use www-sacred for?
Building a web app or static site that needs a retro terminal look. Creating a desktop-style interface with a monospace, text-first design. Porting a terminal UI to a React page or the reverse. Writing command-line screens in TypeScript or Python that match a web design.
How do I install www-sacred?
Install dependencies (requires Node.js 22.12+, 24.x, or 26+): npm install Start the development server: npm run dev Open http://localhost:10000 in your browser
Where can I get www-sacred?
The source code and installation instructions are on GitHub: https://github.com/internet-development/www-sacred

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects