Headless UI components without writing a single line of JavaScript.

Overview

Zerolines.js

Headless UI components without writing a single line of JavaScript.

See Oficial Site: Zerolines.js

Components

  • Tab
  • Modal
  • Dropdown
  • Drawer
  • Onetime content
  • ScrollTop

Usage

Add library from CDN, or download from Release Page on Github.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/style.min.css" rel="stylesheet" />

Simply attach roll and behavior to your styled HTML element with data-zl attribute. Here is the modal sample.

<button type="button" data-zl="modal-toggle target-[#modal1]">
  Modal Open
</button>
<div id="modal1" data-zl="modal-backdrop" zl-cloak>
  <div data-zl="modal-content move-down-md">
    <!-- Content Here -->
    <button data-zl="modal-dismiss">Cancel</button>
  </div>
</div>

License

Available under the MIT License.

You might also like...

A kickstarter guide to writing ES6

A kickstarter guide to writing ES6

ES6 for Humans 📢 The complete guide is now available on Amazon Table of Contents let, const and block scoping Arrow Functions Default Function Parame

Jan 4, 2023

This Plugin adds shortcodes with various prewritten phrases to improve quality and productivity of your writing.

Obsidian Phrasebank This Plugin adds shortcodes with various prewritten phrases to improve quality and productivity of your writing. Example :intro_pr

Jan 1, 2023

An ESLint plugin for writing Remix.js Apps

eslint-plugin-remix An ESLint plugin for Remix Installing Firstly, install the dependency with Yarn yarn add eslint-plugin-remix --dev or with npm npm

Nov 15, 2022

⚡️ Makes writing scripts absurdly easy

haxx easily create and run scripts using javascript getting started • commands • api Features 🔀 Process DX - easily manage and run processes 📦 Javas

Apr 15, 2022

AdsPower supports Local API, which has functions like reading and writing account configuration information, opening and closing browsers, searching for accounts.

AdsPower supports Local API, which has functions like reading and writing account configuration information, opening and closing browsers, searching for accounts. Besides, it can cooperate with Selenium and Puppeteer to execute browser operations automatically.

Dec 1, 2022

Stop re-writing thirdweb snippets. Use thirdsnips to make it all snap!

Stop re-writing thirdweb snippets. Use thirdsnips to make it all snap!

🌈 thirdsnips Stop re-writing thirdweb snippets. Use thirdsnips to make it all snap! Thirdsnips is a tool which enhances the developer experience whil

Dec 14, 2022

📦 Writing Express but feel like Spring Boot

Springpress Custom top-level framework of Express.js, especially on TypeScript. Springpress provides expressjs utilities out of the box, lets you deep

Oct 14, 2022

A set of useful helper methods for writing functions to handle Cloudflare Pub/Sub messages (https://developers.cloudflare.com/pub-sub/)

pubsub A set of useful helper methods for writing functions to handle Cloudflare Pub/Sub messages. This includes: A isValidBrokerRequest helper for au

Dec 4, 2022

cross-platform Deno library for writing and reading clipboard.

deno-clippy This is cross-platform Deno library for writing and reading clipboard. You can read from/write image and text. This library uses Rust's ar

Dec 3, 2022
Owner
null
👩‍🎤 Headless, type-safe, UI components for the next generation Web3.Storage APIs.

Headless, type-safe, UI components for the next generation Web3.Storage APIs. Documentation beta.ui.web3.storage Examples React Sign up / Sign in Sing

Web3 Storage 47 Dec 22, 2022
An Awesome Toggle Menu created with HTML,CSS,JQuery,font-awesome and line by line comment.

Demo : https://blackx-732.github.io/AwesomeMenu/ Under open source license No ©copyright issues Anyone can be modify this code as well Specifically we

BlackX-Lolipop 2 Feb 9, 2021
Awesome books app is a basic website that allows users to add/remove books from a list. It is a single page app (SPA) which allow switching to different pages of the app without page load. Built with JavaScript.

Awesome Books ES6 In this project, I build a basic website that allows users to add/remove books from a list. using ES6 syntax and make it more organi

Abdulhamid 11 Jul 1, 2022
Transpile TypeScript to Espruino flavor of JavaScript for ESP8266/ESP32 microcontrollers template project. Writing safe, maintainable, and testable code is the projects goal.

ESP-TypeScript Transpile TypeScript to Espruino flavor of JavaScript for ESP8266/ESP32 microcontrollers template project. Writing safe, maintainable,

Spencer Kittleson 152 Dec 20, 2022
Click in your components and open VSCode in the correct file and line number.

Inspect in VSCode This is a simple extension for deno/fresh projects that allows you to inspect your components' source code in VSCode. This repositor

deco 23 Nov 30, 2022
A set of common UI Components using the power of CSS and without Javascript

A set of common UI Components using the power of CSS and without Javascript

Felipe Fialho 650 Dec 31, 2022
Calculating Pi number without limitation until 10k digits or more in your browser powered by JS without any third party library!

PI Calculator Web JS (Online) Calculating Pi number without limitation until 10k digits or more in your browser powered by JS without any third party

Max Base 6 Jul 27, 2022
A simple Node.js code to get unlimited instagram public pictures by every user without api, without credentials.

Instagram Without APIs Instagram Scraping in August 2022, no credentials required This is a Node.js library, are you looking for the same in PHP? go t

Francesco Orsi 28 Dec 29, 2022
Evaluate JavaScript on a URL through headless Chrome browser.

jseval Evaluate JavaScript on a URL through headless Chrome browser. build docker build -t jseval -f jseval.dockerfile . usage docker run --rm jseval

Fumiya A 22 Nov 29, 2022
Meogic-tab-manager is an extensible, headless JavaScript tab manager framework.

MeogicTabManager English document MeogicTabManager是一个有可拓展性的、headless的JavaScript标签页管理框架。 MeogicTabManager旨在提供可自由组装页面框架、自定义页面组件、甚至覆盖框架自带事件响应的开发体验。 Meogi

meogic-tech 5 Oct 8, 2022