https://github.com/gregolive/dynamic-ui-design

A demo site for npm modules that add JS-powered UI elements into HTML.
https://github.com/gregolive/dynamic-ui-design

css html javascript npm-module

Last synced: 18 days ago
JSON representation

A demo site for npm modules that add JS-powered UI elements into HTML.

• Host: GitHub
• URL: https://github.com/gregolive/dynamic-ui-design
• Owner: gregolive
• Created: 2022-03-02T16:31:40.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-07T15:02:18.000Z (almost 3 years ago)
• Last Synced: 2023-07-25T07:27:38.687Z (over 1 year ago)
• Topics: css, html, javascript, npm-module
• Language: JavaScript
• Homepage: https://gregolive.github.io/dynamic-ui-design/
• Size: 12.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Dynamic UI Demos

This repo serves as a demo site for npm modules that add 3 common Javascript-powered elements into HTML.

These were made to practice publishing an npm module.

[Live demo](https://gregolive.github.io/dynamic-ui-design/) 👈

## 1) Dropdown Menu

A simple Javascript-powered dropdown menu that can be activated by click or hover.

[npm package](https://www.npmjs.com/package/@gregolive/dropdown) 📦

[Github repo](https://github.com/gregolive/dropdown-menu) 🔗

## 2) Mobile Menu

A set of 3 mobile-friendly navbars: an expandable dropdown nav, a side drawer, and a tabbed nav.

[npm package](https://www.npmjs.com/package/@gregolive/mobile-navbar) 📦

[Github repo](https://github.com/gregolive/mobile-navbar) 🔗

## 3) Image Carousel

A image carousel/slider that advances forward automatically every 5 seconds and allows users to slide between images using arrow buttons or select an image with the dot navigation below.

[npm package](https://www.npmjs.com/package/@gregolive/img-carousel) 📦

[Github repo](https://github.com/gregolive/img-carousel) 🔗