18 Repositories
JavaScript floating-popover Libraries
A light-weight user's step-by-step guide for your website using Vanilla JS.
WebTour JS A light-weight user's step-by-step guide for your website using Vanilla JS. Features User's walkthrough - can be used to guide user's to yo
Bootstrap Persian/Gregorian Date Time Picker
MD.BootstrapPersianDateTimePicker Bootstrap 5+ Persian And Gregorian Date Time Picker Major changes: Using Bootstrap 5 jQuery Removed Rewrite all code
Show floating sticky outline (table of contents) for Notion pages, powered by nbundle.
Notion Outline Show floating sticky outline (table of contents) for Notion pages, powered by nbundle. This is an nbundle-powered Notion app bootstrapp
Bootstrap 5 Floating Label
@tkrotoff/bootstrap-floating-label Floating label for Bootstrap 5 Example: https://codesandbox.io/s/github/tkrotoff/bootstrap-floating-label/tree/code
Unread-Messages.js is a lightweight library that lets a user add floating number notifications to any object.
Unread-Messages.js About Unread-Messages.js is a lightweight library that lets a user add mobile-like notification counter badge to any object with ju
A simple step by step tooltip helper for any site
Tooltip Sequence A minimalistic set of tooltips on your app. What it does So suppose you create a Web Application and you want to take your users or a
useOverlay uses floating-ui and framer-moting under the hood, giving you an API that provides great usability.
Create floating things easily useOverlay uses floating-ui and framer-moting under the hood, giving you an API that provides great usability. Warning D
Svelte✨ Floating UI 🎈
🎈 Svelte Floating UI Floating UI for Svelte with actions. No wrapper components or component bindings required! npm i -D svelte-floating-ui Usage cre
A basic Svelte tooltip directive.
SVooltip A basic Svelte tooltip directive. Powered by Floating UI. Usage script import { tooltip } from 'svooltip'; import 'svooltip/svooltip.css'
Input with floating label make with tailwindcss 3.0.18
tailwind-floating-label-input Input with floating label make with tailwindcss 3.0.18 Works with input and textarea elements. How to use Input
The best way to quickly integrate Bootstrap 5 Bootstrap 4 or Bootstrap 3 Components with Angular
ngx-bootstrap The best way to quickly integrate Bootstrap 5 Bootstrap 4 or Bootstrap 3 Components with Angular Links Documentation Release Notes Slack
NG Bootstrap - Angular powered Bootstrap widgets
NG Bootstrap - Angular powered Bootstrap widgets Angular widgets built from the ground up using only Bootstrap 4 CSS with APIs designed for the Angula
Tippyjs - Tooltip, popover, dropdown, and menu library
Tippy.js The complete tooltip, popover, dropdown, and menu solution for the web Demo and Documentation ➡️ View the latest demo & docs here Migration G
A Vue.js popover component based on PopperJS
vue3-popper A popover component for Vue 3 Documentation Check out the documentation Getting started Usage Install NPM npm install vue3-popper Yarn yar
Displaying actual age in percentage with 9 signs after dot (floating number)
Actual Age Chrome Extension Displaying actual age in percentage with 9 signs after dot (floating number) Features Popup You can select your Birth date
A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page
Driver.js Powerful, highly customizable vanilla JavaScript engine to drive the user's focus across the page No external dependencies, supports all maj
Fixed thead. Doesn't need any custom css/html. Does what position:sticky can't
jquery.floatThead Documentation & Examples: http://mkoryak.github.io/floatThead/ Float the table header on scroll. No changes to your HTML/CSS are req
CSS is powerful, you can do a lot of things without JS.
You Don't Need JavaScript Please note these demos should be considered as CSS "Proofs of Concepts". They may have serious issues from accessibility po