Search Results for "utility"

...Download the latest version or include it directly from a CDN. You can also install it from npm and import the module in JavaScript. The syntax of CSS-doodle is based on CSS and provides several extra utility functions and shorthand properties. The number of rows and columns in the grid is defined by the grid attribute on the element, ranging from 1 to 64. Its default is 1x1 when no value or 0 is given. The row or column is limited up to 4096 only when the grid is 1-dimensional.

CSS Theme Change is a small utility for managing CSS theme toggling (such as light/dark mode) in web projects, designed to be lightweight, easy to integrate, and framework-agnostic. Instead of relying on heavy JavaScript frameworks or complex state management, it offers a simple API that listens to system preferences and UI interactions to swap theme classes or variables in real time.

The vuedarkmode repository is a lightweight utility for front-end projects built with Vue.js that enables easy toggling between light and dark themes (or color modes), supporting persistent user preference (e.g. via local storage). It abstracts the boilerplate and complexity around theme switching: instead of manually wiring up CSS classes, media queries, or state logic, you can integrate vuedarkmode and have theme toggling out-of-the-box.

tailwind-rn lets you use Tailwind CSS-style utility classes in React Native apps by converting Tailwind’s generated CSS into a JSON map of styles. Instead of writing StyleSheet objects manually, you call a tailwind() helper with class strings (like bg-blue-500 or mt-4) and get React Native style objects back. A small CLI tool reads the CSS file produced by Tailwind and transforms it into a JSON file that tailwind-rn can consume, with support for watching and rebuilding whenever Tailwind’s output changes. ...

Colorable is a utility library designed to evaluate and generate accessible color combinations based on contrast ratios and design guidelines. It helps developers and designers ensure that their color choices meet accessibility standards, particularly for readability and visual clarity. The tool analyzes color pairs and provides information about contrast compliance, making it easier to create inclusive designs.

...TinyColor is a small, fast library for color manipulation and conversion in JavaScript. It allows many forms of input, while providing color conversions and other color utility functions. It has no dependencies. The string parsing is very permissive. It is meant to make typing a color as input as easy as possible. All commas, percentages, parenthesis are optional, and most input allow either 0-1, 0%-100%, or 0-n (where n is either 100, 255, or 360 depending on the value). HSL and HSV both require either 0%-100% or 0-1 for the S/L/V properties. ...