Dark themed UI with glassmorphism panels displaying vibrant color swatches, sliders for HSL adjustment, and accessibility contrast badges.

Glassmorphic HSL Color Palette Generator

This Glassmorphic HSL Color Palette Generator is a production-grade design tool that combines advanced color theory logic with a modern, translucent UI. Unlike simple randomizers, it uses HSL (Hue, Saturation, Lightness) mathematics to generate mathematically harmonious schemes (Analogous, Triadic, Split-Complementary) while simultaneously calculating WCAG accessibility ratios in real-time. (Requires: Tailwind CSS)

Technologies:
HTML CSS JavaScript
Difficulty: Advanced
Browser Support (as of Jan 2026):
Chrome Chrome 111+ Edge Edge 111+ Safari Safari 16.2+ Firefox Firefox 113+
Features:
WCAG Contrast Check HSL Harmony Engine Local Storage State CSS/JSON Export Glassmorphism UI
Code by: Oathan Rex Oathan Rex
License: MIT
Log In and Sign Up Forms with Fingerprint

Log In and Sign Up Forms with Fingerprint

A fluid mobile prototype demonstrating state-driven navigation transitions and a 3D dashboard carousel powered by Swiper.js.

Simple YouTube API Search App

Simple YouTube API Search App

A simple search client for the YouTube API written in vanilla JS - data is fetched using fetch, and the results list is generated on the fly and injected into the DOM via innerHTML.

See the Pen Simple YouTube API Search App.