April 21, 2025

Category: CSSScript

CSS Reset For Modern Web Development – normal.css
CSSScript, Web Design

CSS Reset For Modern Web Development – normal.css

normal.css is a super tiny (~600kb) CSS reset library that provides a consistent, cross-browser foundation for your CSS styles. It eliminates the need to write repetitive reset rules and allows you to focus on writing your own styles without worrying about browser inconsistencies. normal.css offers several enhancements over traditional CSS reset libraries like normalize.css, such […]

Read More
Handling Timezone In JavaScript – Spacetime
CSSScript, Web Design

Handling Timezone In JavaScript – Spacetime

Spacetime is a pure JavaScript library used to manipulate, traverse, compare, and format dates and times across planet Earth. Key features: Get/set dates and times in remote timezones Global support for Daylight Savings Time, leap years + seconds, and hemispheres Orient by quarter, season, month, and week Remote date comparison Written in ES2015 JS, published as […]

Read More
Easy Tags Input Component For Bootstrap 5/4 – Tags.js
CSSScript, Web Design

Easy Tags Input Component For Bootstrap 5/4 – Tags.js

A vanilla JavaScript (ES6) extension to Bootstrap 5 (and Bootstrap 4) that converts a multi-select box into a user-friendly tags input component. How to use it: 1. Import the Tags.js. import Tags from “./tags.js”; 2. Initialize the library on the select element. Tags.init(“select[multiple]”); 3. That’s it. It will automatically convert all select boxes with the […]

Read More
Generate CSV, PDF, DOC And XLS Files From JS Objects – JsObjExporter
CSSScript, Web Design

Generate CSV, PDF, DOC And XLS Files From JS Objects – JsObjExporter

JsObjExporter is a lightweight and fast JavaScript library used to dynamically generate CSV, XLS, DOC, and PDF files from an array of JavaScript objects. How to use it: Download the library and load the JavaScript file objectexporter.min.js in the page. <script src=’objectexporter.min.js’></script> Or from a CDN. <script src=’https://unpkg.com/object-exporter@3.2.1/dist/objectexporter.min.js’></script> Prepare your data. const myData = [{ col1: […]

Read More
Lightweight Custom File Input Control – FileBokz
CSSScript, Web Design

Lightweight Custom File Input Control – FileBokz

FileBokz is a tiny yet powerful JavaScript library for enhancing standard HTML file inputs. It transforms the native file input into a highly customizable, feature-rich UI component with drag-and-drop capabilities, file previews, and robust validation options. Features: Tiny Footprint: Around 10kb total (JS+CSS), minimal impact on load times. Add ~4kb for the optional theme. Zero […]

Read More
Tiny JavaScript Library for Dynamic Element Cloning – Kloner
CSSScript, Web Design

Tiny JavaScript Library for Dynamic Element Cloning – Kloner

Kloner is a lightweight and customizable JavaScript library that allows you to duplicate/repeat elements (element group) with no dependencies. It can be useful when working with form fields that need to be duplicated, such as multiple address inputs, contact information entries, or any repeatable blocks of content. Features: Easy Setup: Just requires adding specific data […]

Read More
6 Modern Responsive Sidebar Navigation Components for TailwindCSS
CSSScript, Web Design

6 Modern Responsive Sidebar Navigation Components for TailwindCSS

sidebar-components is a collection of six modern, responsive sidebar navigation components built for Tailwind CSS projects. Think of it as a set of ready-to-use UI patterns for creating a sidebar layout, complete with styling, responsiveness, and basic interactions handled out of the box. Features: Multiple Themes: Six distinct sidebar patterns (HR, E-commerce, CRM, Deep Panel, […]

Read More
Bootstrap 5 Theme with shadcn/ui Aesthetics – Shadstrap
CSSScript, Web Design

Bootstrap 5 Theme with shadcn/ui Aesthetics – Shadstrap

Shadstrap is a UI Kit (essentially a Bootstrap theme) that combines the clean, professional aesthetics of shadcn/ui with the extensive utility system of Bootstrap 5. It allows you to create modern web interfaces using familiar Bootstrap syntax while achieving the distinctive shadcn/ui design language. Shadstrap works by providing custom CSS and potentially some JavaScript overrides […]

Read More
Intuitive Charting Library for Financial Data – DXCharts Lite
CSSScript, Web Design

Intuitive Charting Library for Financial Data – DXCharts Lite

DXCharts Lite is an open-source JS library to create interactive real-time and historical charts. Built on HTML5 Canvas for smooth and dynamic chart rendering. Can be helpful for visualizing financial data like stocks, forex, and cryptocurrencies. Table Of Contents Installation Options API Methods How to use it: 1. Import the DXCharts Lite library into your document. […]

Read More
Top