Back-to-top button •
Wrap around the main part of your page to add a back-to-top button.
Image modal •
Wrap around one or more images to open in modal.
Modal •
A basic web component for creating modals.
This is a collection of components that I have created for my own projects. I have decided to share them with you, so you can use them in your projects as well.
Feel free to use them in your projects, and if you have any feedback or suggestions, please let me know.
Components
How do I use Nidhugg Web Components?
Via NPM
npx jsr add @nidhugg/web-componentsVia Yarn
yarn add @nidhugg/web-componentsVia CDN
Add the following tags to the <head>-tag of your html file
<html lang="en">
<head>
<title>My page</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fredrikbergqvist/nidhu.gg/dist/bundle.min.css">
<script src="https://cdn.jsdelivr.net/gh/fredrikbergqvist/nidhu.gg/dist/index.min.js" defer></script>
</head>
<body>
...
</body>
</html>Take a look at the detail pages for documentation of how to use the individual components.