https://github.com/hot-page/fx
Web Components On Fire
https://github.com/hot-page/fx
custom-elements web-components
Last synced: 3 months ago
JSON representation
Web Components On Fire
- Host: GitHub
- URL: https://github.com/hot-page/fx
- Owner: hot-page
- Created: 2023-08-23T22:52:14.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-12-10T14:50:46.000Z (6 months ago)
- Last Synced: 2025-12-10T23:36:43.164Z (6 months ago)
- Topics: custom-elements, web-components
- Language: JavaScript
- Homepage: https://fx.hot.page
- Size: 283 KB
- Stars: 45
- Watchers: 5
- Forks: 2
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
HotFX is a collection of standalone custom elements and frontend code snippets
that are like wowwwwwww
See the components at [fx.hot.page](https://fx.hot.page/) or read about the
rationale in our [announcement blog post](https://hot.page/takes/year-of-web-components).
These components were created for sites on [Hot Page](hot.page) but they work
anywhere!
## Development
To modify the files and see the results on your pages, you can run a
development server. First create the SSL certificates following the procedure
below and then run:
```
npm start
```
If you get the error `Error: ENOENT: no such file or directory, open
'./localhost-key.pem'` that is because you haven't created an SSL certificate
yet (see below).
Once you can start the server, the files here will be available on localhost like
[`https://localhost:8000/fx-responsive-menu/index.js`](https://localhost:8000/fx-responsive-menu/index.js).
Be sure to use `https` or the browser will show you a very cryptic error.
## Create an SSL Certificate for `localhost`
To run the server and use this with your pages on [Hot Page](hot.page), you
will need to serve these files using encrypted `https`. To do that, it is
easiest to install a valid SSL certificate for `localhost`. This keeps the
browser from freaking out when it loads the files. You can install a certicate
easily using `mkcert` (you can [read
more](https://web.dev/articles/how-to-use-local-https) on web.dev). For
example, on MacOS use the following
```
brew install mkcert
mkcert -install
mkcert localhost
```
This will generate the certificate in this directory and you should be able to
then run the server as described above.
## Publish
To publish a new version to NPM, go to the directory of the package and run:
```
npm version patch
npm publish --access public
```
## A Hot Page Project
This open-source project is built by the engineeers at [Hot Page](https://hot.page),
a tool for web design and development.
