Augmented UI

Augmented UI

Futuristic CSS borders and inlays for any element – zero JavaScript required

Website
Design Tools
User Interface (UI) Design
Augmented UI screenshot

Augmented UI is an open‑source CSS library that lets developers add futuristic, sci‑fi style borders, inlays and custom shapes to any HTML element with just a data‑augmented‑ui attribute and CSS custom properties. It ships with over 200 preset mixins, a visual Mixin Mixer for rapid configuration, and full control via --aug‑* variables for size, color, gradients and more. No JavaScript is required, making it lightweight, framework‑agnostic and easy to integrate into any web project.