Daily Shaarli

All links of one day in a single page.

January 14, 2023

Why Atomico js webcomponents?

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.

Open-Source UI elements - made with CSS and HTML

A collection of UI components made with HTML and CSS

CSS Fingerprint

Using CSS to get a fingerprint of the browser. Here is a all-in-one resource.

Vanta.js - Animated 3D Backgrounds For Your Website

It uses WebGL for it.

The Open Source Twilio Alternative | Fonoster

Engage with your customer with voice or messaging with a single easy-to-use platform.

Might be useful

Free Online Tools - AllinOne.Tools

A website collecting online utility tools.
Categories: Image, Pdf, Social Media, Text & Lists, Encryption, Web, Others

alvaromontoro/almond.css: Collection of CSS styles to make simple websites look nicer

Another drop-in css stylesheet which make a website beautiful :)

Demo: https://alvaromontoro.github.io/almond.css/demo/

Primitives – Radix UI

Unstyled, accessible components for building high‑quality design systems and web apps in React.

We need this in other frameworks!

Zag - Rapidly build UI components without sweating over the logic. - Zag

Using finite-state machines seems to be a good idea!

A collection of framework-agnostic UI components patterns like an accordion, menu, and dialog that can be used to build design systems for React, Vue, and Solid.js

Tailwind CSS Components | PostSrc

A collection of Tailwind components