cssscript.com

This package contains two CSS libraries that enable you to create beautiful custom checkbox and radio button inputs in the Bulma framework. See Also: CSS Switch Control Extension For Bulma Framework How to use it: 1....

The media-chrome provides a set of web components to create custom media controls for Videos, Audios, and Live Streams. It is created using custom elements, allowing you to add or remove controls using simple HTML...

DimBox.js is a lightweight yet powerful and customizable JavaScript popup library for creating stunning modals & lightboxes on your website. It supports a variety of content types, including images, galleries,...

A lightweight, dynamic, responsive, and vertical timeline for displaying a timeline of historical events, product releases, or project milestones in a linear fashion. How to use it: 1. Include the timeline library’s...

A CSS/SCSS extension for the Bulma framework that converts the regular checkboxes into switch controls with variable sizes and colors. How to use it: 1. Download and import the stylesheet main.min.css into your Bulma...

We often need to deal with overflowing text in containers, such as titles, descriptions, and captions. Truncating text with ellipsis is a common approach to solve this problem, but it can limit the user’s ability to...

Scpop is an easy-to-use JavaScript library that enables you to display images and/or iframe content in a responsive gallery popup. How to use it: 1. Import the stylesheet Scpop.css and JavaScript Scpop.js. <link...

A smooth and mobile-friendly image comparison slider that allows the user to compare two images by sliding a vertical bar, revealing different parts of each image. How to use it: 1. Create an HTML container for your...

A CSS/SCSS-only responsive table extension of the Bulma framework that makes your HTML tables more readable across devices. How to use it: 1. Download and load the compiled stylesheet after Bulma’s framework. <link...

A super tiny animate on scroll library that uses getBoundingClientRect() to retrieve the position of an element relative to the viewport and then applies show/hide CSS classes to the element accordingly. How to use...

Console Typer is a JavaScript library to create a configurable typing animation for paragraphs, simulating the experience of typing in a command line interface. How to use it: 1. Download and import the Console...

An easy-to-use yet highly customizable dark mode toggle component written in TypeScript. It supports prefers-color-scheme media queries, making it easier to automatically adjust to the user’s preferred light or dark...

Luminous is a super tiny, zero-dependency JavaScript library for overlaying your images like a lightbox. Features: Image loader. CSS3 animation. Callback events. Lots of customization options. Basic usage: Include...

An easy yet feature-rich JavaScript shell emulator (also known as bash terminal) that allows users to execute commands or interact with your app directly in the web browser. How to use it: 1. Install and import the...

This is the vanilla JavaScript library of the jQuery email-autocomplete plugin, which automatically suggests and autocompletes domains while typing @ in an email field. It not only speeds up the process of entering an...

virtual-joystick.js is a JavaScript library to create a touch-enabled joystick control that works seamlessly on mobile devices, allowing users to move objects, control characters, and interact with your application...

A stylish Glassmorphism (frosted glass) style analog clock built with JavaScript, HTML, and CSS/CSS. How to use it: 1. Code the HTML for the analog clock. <div class="clock"> <div...