A chart library
Featured components that are ready to be styled.
A pure HTML vue library. CSS is free :)
Mdash is a new kind of UI library. It's 100% standards-based and it's tiny.
Mdash components are comprised of standard HTML, custom HTML, and Custom Elements. As such, Mdash works with any framework (or no framework) and works with all types of web projects: SSR, SPA, PWA, static site, and even popular email clients.
Only 6.8kB. It uses a minimal appearance but adds components that are used everywhere such as switch buttons-
Micro CSS util class for applying inflated fluffy 3D claymorphism styles to elements. Fully customizable and extensible with CSS variables. SASS mixin is also included for even more styling options.
It provides examples: https://siimple.xyz/examples
Also available on NPM for a 7.8kB minified and gzipped package.
Paper Prototype CSS is CSS framework that mimics paper prototyping, sort of like a handdrawn look but a little more ransom-note-ish, with the help of two informal-looking free fonts.
And the blog post related: https://shkspr.mobi/blog/2022/06/paper-prototype-css/
Metallic look to HML elements.
Source code: https://github.com/MikaeI/metallicss (available as npm package)
A bootstrap similar library
A react-style library (but only 4 kB!). It is so small and uses JSX.
A component created with Atomico can be used in Html, Vue, Preact, React, Svelte, Solid or any other library.
This seems relevant for small projects or one that needs little interaction without using bare JS. The Lit library needs for example a lot of boilerplates. Here we need a function.
It uses WebGL for it.
Another drop-in css stylesheet which make a website beautiful :)
Nano ID is nano-sized unique string ID generator for JavaScript. It’s truly small (130 bytes minified), URL-friendly, and it has no dependencies. Plus, it’s safe, secure, and fast.
Project link: https://github.com/ai/nanoid
A small library to generate unique ids. It is implemented in a lot of other languages too.
SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.