ux-ui

text-fitting

Sets the font size to fill the target width

marquee-content

Class for creating the running content effect, also known as a marquee or ticker.

typographics

A starting point for good typography on the web

media-trigger

This is a simple class for tracking changes in media expressions and calling the appropriate functions when these events are triggered.

follow-mouse

Simple function to create smooth effects for the mouse cursor on your website

masonry-simple

Responsive masonry grid

text-fields

TextFields is designed to create and manage text fields with advanced visuals and functionality, including dynamic notched outlines, floating labels, and adaptive text areas.

iconly

SVG Sprite

shape-overlays

Multi-layered SVG shape overlays that are dynamically generated with adjustable properties are used in creating transitions in SPA or for designing drawer menus

vue-toggle-theme

A Vue 3 component that adds a dark mode. Allows you to change colour schemes using the user's colour scheme or a predefined one, and save the selected theme to localStorage.

tickbox

Checkbox, radio, switch

vue-sprite

SVG Sprite

btn-kit

btn-kit is a Vue 3 component for creating buttons for web applications. Built-in features include icon support, different button types and sizes, states, effects.

gridline

Flexbox grid system to build layouts

vue-app-link

Vue 3 component for creating animation-friendly router links.

clicktone

A simple class that provides a convenient abstraction for handling audio playback by web applications, with support for iOS devices.

wheel-fortune

A class for creating a customisable wheel of fortune.

togglefy

Togglefy is designed to add interactivity to web pages by toggling the classes of specified elements.

lands-processor

<br>

select-options

SelectOptions replaces standard HTML drop-down lists with custom ones, improving their appearance and user interaction.

easy-confetti

EasyConfetti is designed to create confetti animations and provides flexible, customisable confetti animations that can be easily integrated into a web page to create visual effects.

text-slicer

TextSlicer is designed to split text within an HTML element into separate words and/or characters, wrapping each word and/or character in separate span elements.