Elena, a library for building Progressive Web Components

3 days ago

Elena is a lightweight library for building Progressive Web Components using HTML and CSS first, with JavaScript for interactivity only.
It addresses common web component issues like accessibility, SSR limitations, layout shifts, and framework compatibility.
Elena is designed for teams building design systems and component libraries across multiple frameworks.
Core features include being extremely lightweight (2.9kB), progressively enhanced, accessible, standards-based, SSR-friendly, and having zero dependencies.
Elena supports composite, primitive, and declarative component models.
A quick start guide, live examples, comparisons, FAQ, and playground are available for further exploration.

Web components face issues like layout shifts, flash of unstyled content, poor SSR support, heavy JavaScript reliance, framework incompatibility, and accessibility challenges.
Progressive Web Components address these problems by using a two-layer design: a base HTML/CSS layer for immediate rendering and a JavaScript layer for interactivity.
Elena is a 2.6kB library that enables building Progressive Web Components, focusing on HTML and CSS first with progressive JavaScript enhancement.

Leaflet is a lightweight (42 KB) open-source JavaScript library for creating interactive maps on mobile and desktop.
It offers a simple, well-documented API with essential features like tile layers, markers, popups, vector layers, GeoJSON, and image overlays.
Interaction features include drag panning, scroll wheel zoom, pinch-zoom, double-click zoom, keyboard navigation, and events.

98.css9 days ago

98.css is a CSS library for building interfaces that look like Windows 98, relying on semantic HTML and accessibility.
The library contains no JavaScript, only CSS styling, and is compatible with any frontend framework.
Components include buttons (with default, pressed, disabled, and focus states), checkboxes, radio buttons, group boxes, text boxes, sliders, dropdowns, windows (with title bars, status bars), tree views, tabs, table views, and progress indicators.

Tungsten is an object-oriented language designed for clarity and mathematical expression, with syntax that resembles whiteboard pseudocode.
It compiles to native binaries via LLVM and GPU kernels via Metal, using a self-hosted compiler.
Key features include first-class support for currency (dollars, cents, percentages) and units (meters, kilograms) with automatic conversion and dimensional analysis.

Kittine is a language layered on top of Rust and Leptos with far less syntax, compiling to real Rust components.
It targets Leptos 0.7 and supports both CSR via Vite and SSR via cargo-leptos from the same source.
No virtual DOM or virtual JS runtime; uses fine-grained reactive updates that directly update DOM nodes.

Web components face issues like layout shifts, flash of unstyled content, poor SSR support, heavy JavaScript reliance, framework incompatibility, and accessibility challenges.
Progressive Web Components address these problems by using a two-layer design: a base HTML/CSS layer for immediate rendering and a JavaScript layer for interactivity.
Elena is a 2.6kB library that enables building Progressive Web Components, focusing on HTML and CSS first with progressive JavaScript enhancement.

Leaflet is a lightweight (42 KB) open-source JavaScript library for creating interactive maps on mobile and desktop.
It offers a simple, well-documented API with essential features like tile layers, markers, popups, vector layers, GeoJSON, and image overlays.
Interaction features include drag panning, scroll wheel zoom, pinch-zoom, double-click zoom, keyboard navigation, and events.

98.css9 days ago

98.css is a CSS library for building interfaces that look like Windows 98, relying on semantic HTML and accessibility.
The library contains no JavaScript, only CSS styling, and is compatible with any frontend framework.
Components include buttons (with default, pressed, disabled, and focus states), checkboxes, radio buttons, group boxes, text boxes, sliders, dropdowns, windows (with title bars, status bars), tree views, tabs, table views, and progress indicators.

Tungsten is an object-oriented language designed for clarity and mathematical expression, with syntax that resembles whiteboard pseudocode.
It compiles to native binaries via LLVM and GPU kernels via Metal, using a self-hosted compiler.
Key features include first-class support for currency (dollars, cents, percentages) and units (meters, kilograms) with automatic conversion and dimensional analysis.

Kittine is a language layered on top of Rust and Leptos with far less syntax, compiling to real Rust components.
It targets Leptos 0.7 and supports both CSR via Vite and SSR via cargo-leptos from the same source.
No virtual DOM or virtual JS runtime; uses fine-grained reactive updates that directly update DOM nodes.

Hasty Briefsbeta