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

Top comments (0)