DEV Community

Cover image for CSSUI - Interactive Components in Pure CSS
Francesco Improta
Francesco Improta

Posted on • Updated on

CSSUI - Interactive Components in Pure CSS

🎉 Last week I published CSSUI, a library of interactive components in pure CSS.

The idea behind this project was pretty clear to me since the start: create a library of the most used interactive components withour any Javascript at all.

Remember the jQueryUI components? So old fashioned today.

Well, I took that list and re-created it in pure CSS.

Components

A list of available components included in this release:

For any of these you get both the HTML template and the CSS file. Just simple as that. 🙂

New components are in the roadmap and I plan to release them very soon.

Agnostic Approach

I focused my work on making it as "agnostic" as possibile. No CSS classes are used to style elements. No naming conventions to rely on.

Yout can customize components using CSS Variables or apply your own classes depending on project's architecture.

Why to use CSSUI

Use CSSUI to quickly design and build interactive components without any additional scripts. You haven't to reinvent the wheel to create a modal or a dropdown. Just use pure HTML and CSS.

CSSUI is perfect for:

✅ Prototypes
✅ Websites
✅ SaaS Software
✅ Mobile applications

It isn't a framework like Bootstrap or Tailwind. You can't build an entire website with it.

What's next

The very first release v0.1.0 was published a week ago but many other updates will follow.

I work on this project in my spare time so there isn't a structured release planning. But, I just get some great feedback and interest.

Omar just joined the project as collaborator. I'm pretty excited about what we're planning to do in the next weeks. Stay tuned 😎

🐞 Please, if you notice bugs open an issue. We'll take care of it.


Links

➡️ Website

➡️ Github

➡️ npm package

Discussion (0)