Skip to content
This repository has been archived by the owner on May 2, 2023. It is now read-only.


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time


A Web Component that makes stylised text a less horrible experience for screenreader users and anyone who is confused by what the text says. So you can make accessible l33t text or other decorated text like <e//y>.

This webcomponent follows the open-wc recommendation.


yarn add stylized-text
# or
npm install stylized-text


<script type="module">
  import 'stylized-text/stylized-text.js';
<!-- Make sure you switch out the label and stylized text for your own -->
<stylized-text label="Elly">&lt;e//y&gt;</stylized-text>

Linting and formatting

To scan the project for linting and formatting errors, run

yarn lint
# or
npm run lint

To automatically fix linting and formatting errors, run

yarn format
# or
npm run format

Testing with Web Test Runner

To execute a single test run:

yarn test
# or
npm run test

To run the tests in interactive watch mode run:

yarn test:watch
# or
npm run test:watch

Demoing with Storybook

To run a local instance of Storybook for your component, run

yarn storybook
# or
npm run storybook

To build a production version of Storybook, run

yarn storybook:build
# or
npm run storybook:build

Tooling configs

For most of the tools, the configuration is in the package.json to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

Local Demo with web-dev-server

yarn start
# or
npm run start

To run a local development server that serves the basic demo located in demo/index.html