Wruczek / Bootstrap Cookie Alert
Licence: mit
A simple, good looking cookie alert built for Bootstrap 3/4. No dependencies required.
Stars: ✭ 165
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Bootstrap Cookie Alert
Wondercms
WonderCMS - fast and small flat file CMS (5 files)
Stars: ✭ 330 (+100%)
Mutual labels: lightweight, small, bootstrap
Redux Zero
A lightweight state container based on Redux
Stars: ✭ 1,977 (+1098.18%)
Mutual labels: lightweight, small
CalDOM
An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.
Stars: ✭ 176 (+6.67%)
Mutual labels: lightweight, small
Wolff
🐺 Lightweight and easy to use framework for building web apps.
Stars: ✭ 203 (+23.03%)
Mutual labels: lightweight, small
flagpack
A lightweight flag icon toolkit for the web.
Stars: ✭ 51 (-69.09%)
Mutual labels: lightweight, small
docker-alpine-wkhtmltopdf
wkhtmltopdf alpine docker container with headless qt patches
Stars: ✭ 150 (-9.09%)
Mutual labels: lightweight, small
StringDB
StringDB is a modular, key/value pair archival DB designed to consume *tiny* amounts of ram & produce *tiny* databases.
Stars: ✭ 56 (-66.06%)
Mutual labels: lightweight, small
Server Manager
This repository holds the IntISP Interface. It can be rebuilt to interface with any other hosting panel.
Stars: ✭ 31 (-81.21%)
Mutual labels: small, bootstrap
Lazy Line Painter
Lazy Line Painter - A Modern JS library for SVG path animation
Stars: ✭ 1,918 (+1062.42%)
Mutual labels: lightweight
Angular Pro Sidebar
Responsive sidebar template with dropdown menu built with angular 7 and bootstrap 4
Stars: ✭ 160 (-3.03%)
Mutual labels: bootstrap
Estore
一个基于JavaWeb的网上电子购物城项目,实现展示商品、购买商品、提交订单、持久化保存到数据库等基本功能
Stars: ✭ 157 (-4.85%)
Mutual labels: bootstrap
Bootstrap Dark
Bootstrap 4 dark theme that supports togging dark/light themes as well. There is no fluff, it changes the color of Bootstrap and that's it, no new thing to learn or unlearn, just Bootstrap, but Dark!
Stars: ✭ 158 (-4.24%)
Mutual labels: bootstrap
Crown
Based on SpringBoot2, Crown builds a rapidly developed web application scaffolding.
Stars: ✭ 161 (-2.42%)
Mutual labels: bootstrap
Angular Ui Tour
Product tour using Angular UI Bootstrap Tooltips
Stars: ✭ 157 (-4.85%)
Mutual labels: bootstrap
Bootstrap Photo Gallery
jQuery plugin that converts your list of images into a grid-based gallery on Bootstrap 4. Supports larger view in a modal with next / previous controls
Stars: ✭ 156 (-5.45%)
Mutual labels: bootstrap
Ax5ui Kernel
Javascript UI Framework - AX5UI - Kernel Module
Stars: ✭ 164 (-0.61%)
Mutual labels: bootstrap
Primereact
The Most Complete React UI Component Library
Stars: ✭ 2,393 (+1350.3%)
Mutual labels: bootstrap
Bootstrap-Cookie-Alert
A simple, good looking cookie alert for Bootstrap. No dependencies required.
We recommend using Bootstrap 4, but Boostrap 3 should work fine as well.
Demo (with Bootstrap 4)
I unfortunately dont remeber the source of the cubes pattern :( If someone know, please email me or create an issue. I would love to credit the author.
npm package
npm i bootstrap-cookie-alert
I try to keep it up-to-date. Let me know if I forget to release an update.
How to use
head
of your document, include cookiealert.css
after Bootstrap.
1. In the <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wruczek/[email protected]/cookiealert.css">
2. Add the html markup:
<!-- START Bootstrap-Cookie-Alert -->
<div class="alert text-center cookiealert" role="alert">
<b>Do you like cookies?</b> 🍪 We use cookies to ensure you get the best experience on our website. <a href="https://cookiesandyou.com/" target="_blank">Learn more</a>
<button type="button" class="btn btn-primary btn-sm acceptcookies">
I agree
</button>
</div>
<!-- END Bootstrap-Cookie-Alert -->
3. Include the JavaScript after the html markup
<script src="https://cdn.jsdelivr.net/gh/Wruczek/[email protected]/cookiealert.js"></script>
demo.html
for a working example
Take a look at Accept event
If you need to, you can listen for the cookieAlertAccept
event to get notified when the user accepts the cookies.
window.addEventListener("cookieAlertAccept", function() {
alert("cookies accepted")
})
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].