<p align="center">
    <a href="#">
        <img
            height="100"
            src=".github/assets/segtype-icon.png?raw=true"
            alt="Icon"
        />
    </a>
</p>

<p align="center">Web-based Multi-segment Displays</p>

<p align="center">
    <a href="https://github.com/bilbilak/segtype/releases/latest">
        <img
            src="https://img.shields.io/github/v/release/bilbilak/segtype?include_prereleases&sort=semver&display_name=tag&style=flat-square&color=blue"
            alt="Latest Release"
    /></a>
    <a href="https://www.npmjs.com/package/segtype" target="_blank">
        <img
            src="https://img.shields.io/badge/%E2%80%8B-npm-c12127?logo=npm&logoColor=white&style=flat-square"
            alt="npm"
    /></a>
    <a href="https://www.jsdelivr.com/package/npm/segtype" target="_blank">
        <img
            src="https://img.shields.io/badge/%E2%80%8B-jsDelivr-e64e3d?logo=jsdelivr&logoColor=fec82f&style=flat-square"
            alt="jsDelivr"
    /></a>
    <a href="https://github.com/bilbilak/segtype/blob/main/LICENSE.md">
        <img
            src="https://img.shields.io/badge/license-GPL--3.0-be0000?style=flat-square"
            alt="The GPL-3.0 License"
    /></a>
</p>

## 📖 About SegType

**_SegType_** is a lightweight segment-display Web Component that renders text on simulated 7‑segment, 9‑segment, 14‑segment, and 16‑segment displays. It comes with several themes, lets you fully customize its appearance, and provides multiple output formats for framework-agnostic use.

## 🎮 Demo

Try the interactive [playground](https://bilbilak.github.io/segtype#playground) or design your own characters with the [designer](https://bilbilak.github.io/segtype#designer).

## 📚 Documentation

For detailed information on **_SegType_** installation and usage instructions, please refer to the project's [Wiki](https://github.com/bilbilak/segtype/wiki). The Wiki provides comprehensive guides and resources to help you get started with **_SegType_** and make the most out of its features. Additionally, you can find answers to the most frequently asked questions (FAQs) in the Wiki.

## 👥 Support

If you need assistance or have any questions regarding **_SegType_**, please refer to the [Support Policy](https://github.com/bilbilak/segtype/blob/main/docs/SUPPORT.md) for information on how to get help. We also welcome suggestions and ideas for new features or improvements.

## 🤝 Contributing

We encourage contributions from the community to help improve **_SegType_** and keep the project moving forward. If you're interested in contributing, please refer to the [Contribution Guide](https://github.com/bilbilak/segtype/blob/main/docs/CONTRIBUTING.md) for guidelines on how to participate in this project.

## ⚖️ License

> Copyright © 2024–2026 [Sam Ariafar](mailto:me@samariafar.com)

**_SegType_** is distributed under the terms of the [GNU General Public License version 3](https://github.com/bilbilak/segtype/blob/main/LICENSE.md). Unless it is explicitly stated otherwise, any contribution intentionally submitted for inclusion in this project shall be licensed as _GPLv3_, without any additional terms or conditions.

## 🛡️ Trademark

The name of this project, **_SegType™_**, and its associated logo are subject to trademark rights. Despite the open-source nature of the project, these rights apply—even if the trademark is not registered. If you wish to reference this name or employ the associated branding elements, please refer to our [Brand Guidelines](https://github.com/bilbilak/segtype/blob/main/docs/BRAND_GUIDELINES.md).
