Contain CSS Library

TomHinkle.net

Contain CSS Library

A UI framework using container queries, CSS variables, and Svelte

The world doesn't have enough UI frameworks, so I thought I'd build one.

In seriousness, though, I really like the ability to hand down theming information through CSS variables, which I think is a powerful way to build a UI. I also think container queries are the future of responsive design, so I decided to try building a UI kit making use of these features.

I've used the UI kit in a handful of projects so far, but really, it's a proof-of-concept and chance to test my own design skills.

It's the most extensive use I've made of sass and mixins, which I use to handle the many CSS variables that drive the default behaviors.

Tags

Tech used in this project:
Svelte JavaScript Web Library