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.
Wrap around the main part of your page to add a back-to-top button.
Wrap around the main part of your page to add a back-to-top button.
Wrap around one or more images to open in modal.
A basic web component for creating modals.
npx jsr add @nidhugg/web-componentsyarn add @nidhugg/web-componentsAdd 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.
The package can be found here: https://jsr.io/@nidhugg/web-components , and the code is hosted here: https://github.com/fredrikbergqvist/nidhu.gg