339 private links
It provides examples: https://siimple.xyz/examples
Also available on NPM for a 7.8kB minified and gzipped package.
All in one resource that includes dozens of tools and utilities useful for web developers and programmers.
It seems well designed :)
This system makes it easy to build digital services that meet the needs of Californians.
From the https://design.wonderflow.ai/, here are the Stories of each component.
Stylo is an open source WYSIWYG interactive editor for JavaScript. Its goal is to bring great user experience and interactivity to the web, for everyone, with no dependencies. Stylo is a Papyrs project.
Source code: https://github.com/papyrs/stylo
Make a wrapper for Vue 3?
Generate beautiful mesh gradients
Alternative to google fonts, if we must avoid to host the fonts...
Reasonable Colors is an open-source color system for building accessible, nice-looking color palettes.
Build HTML elements visually
Source code: https://github.com/components-ai/css.gui
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)
Generate animations with the mouse :D
A bootstrap similar library
Copy/Paste the most used media query
The design system of Goldman Sachs.
Manual-writing styled forms with a CSS only file.
The font Short Stack should also be used. It is available as NPM package.
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.