error-pages-templates

A growing collection of customizable error page templates for modern web applications — designed to power the ui-errors CLI.

This repository is built for developers who care about design, simplicity, and production-ready UI. Whether it’s a 404 page that makes users smile or a 500 page that feels intentional, this is where those ideas live.

---

Why This Project Exists

Error pages are usually ignored, but they’re often the first thing users see when something breaks.

We’re building this to change that:

• Make error pages beautiful, expressive, and useful
• Provide ready-to-use templates for modern frameworks
• Build a community-driven design registry
• Keep everything fast, safe, and production-friendly

If you’ve ever designed a cool error page, this is the place to share it.

---

Installation

Install the CLI tool first:

npm install -g errorlab

Then you can browse and install templates directly from this repository using ui-errors.

Available Templates

• Frameworks: Express, Next.js, React, Vue, Svelte, Vite, Static HTML
• Themes: Cyber, Train, Minimal, Experimental (and more coming)
• Pages: 404 (Not Found), 500 (Server Error), and additional error states

Contributing

We welcome all contributors beginners, designers, and experienced developers.

Even small contributions matter: a layout tweak, a new theme idea, or a creative 404 page can help thousands of developers.

Start Here

• Contribution Guide → CONTRIBUTING.md
• Security Policy → SECURITY.md
• Code of Conduct → CODE_OF_CONDUCT.md

How to Contribute

• Fork this repository
• Create a new template inside raw/your-template-name/

Add required files:

• index.html
• template.json

Build the project:

npm run build

Test across supported frameworks Submit a pull request

Template Structure

Every template must live inside the raw/ directory.

raw/your-template-name/
 ├── index.html
 └── template.json

Example template.json

{
  "name": "cyber-glitch-404",
  "displayName": "Cyber Glitch 404",
  "author": "your-github-username",
  "tags": ["cyber", "glitch", "dark"],
  "registerAs": {
    "404": true
  }
}

Security First

Security is a core principle of this project.

Before contributing, please read:

SECURITY.md

Key Rules:

• No external scripts or CDNs
• No tracking or analytics code
• No obfuscated or hidden logic
• No data collection or unsafe runtime behavior
• Templates must remain static and predictable

  Build & Test

After adding your template:

npm install
npm run build

Make sure:

• No build errors
• No console warnings
• Works across all frameworks
• Fully responsive design
• No external dependencies

  Why Contribute?

Because your work doesn’t just stay in a repo — it gets used.

Templates from here can:

• Be installed globally via CLI
• Be used in real production apps
• Reach thousands of developers
• Become part of modern UI systems

Even a small idea can become widely used.

License

This project is open-source. See the LICENSE file for details.

❤️ Final Note

We’re not just collecting error pages.

We’re building a library of creative UI moments when things go wrong.

If you’ve got an idea — simple, weird, minimal, or experimental — ship it.