ux-ui

text-fitting

Sets the font size to fill the target width

marquee-content

MarqueeContent provides a set of tools for creating dynamic and adaptive ticker animations on web pages using GSAP and ScrollTrigger.

typographics

A starting point for good typography on the web

media-trigger

MediaTrigger is designed to control the response to changes in media queries, allowing you to perform specific actions when entering or exiting a particular media state, or any change to a media state.

follow-mouse

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

masonry-simple

MasonrySimple implements a simple system for placing masonry style elements using CSS Grid. Masonry placement is used for dynamic grids where elements may have different heights and need to be placed neatly without gaps.

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

Iconly is designed to load and cache SVG icons in the browser, using IndexedDB to store the data. It retrieves the icons from a given SVG file, stores them in IndexedDB, and inserts them into the DOM for easy access and use.

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

ClickTone is designed to control audio playback with various settings, including volume control, callback and debug mode. It also includes iOS support.

wheel-fortune

WheelFortune implements an animation of a spinning wheel of fortune using the GSAP library. It allows customization of parameters including the number of segments, number of revolutions, spin states, and callbacks.

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.