https://github.com/stefanjudis/sparkly-text
A small web component for making your text spark.
https://github.com/stefanjudis/sparkly-text
custom-elements html-components web-components
Last synced: 21 days ago
JSON representation
A small web component for making your text spark.
- Host: GitHub
- URL: https://github.com/stefanjudis/sparkly-text
- Owner: stefanjudis
- License: mit
- Created: 2023-12-02T10:23:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-02T10:40:06.000Z (4 months ago)
- Last Synced: 2025-04-03T23:11:22.879Z (30 days ago)
- Topics: custom-elements, html-components, web-components
- Language: JavaScript
- Homepage: https://www.stefanjudis.com/blog/a-web-component-to-make-your-text-sparkle/
- Size: 170 KB
- Stars: 258
- Watchers: 3
- Forks: 8
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# `sparkly-text`
A small zero-dependency Web Component to add sparkles to text fragments.
## Examples
```html
Hello world
Hello world
Hello world
Hello world
Hello world
```
## Installation
You have a few options (choose one of these):
- Install via [npm](https://www.npmjs.com/package/@stefanjudis/sparkly-text): npm install @stefanjudis/sparkly-text
- [Download the source](https://github.com/stefanjudis/sparkly-text/blob/main/sparkly-text.js) manually from GitHub into your project.
- Skip this step and use the script directly via a 3rd party CDN (not recommended for production use)
### Usage
```html
```
```html
```
```html
```
## Kudos
Big thanks goes to [Zach Leatherman](https://www.zachleat.com/) for all [his fancy components such as `table-saw`](https://github.com/zachleat/table-saw).