Elena is a 2.9kB library for building Progressive Web Components that prioritizes HTML and CSS rendering before JavaScript hydration. Unlike most web component libraries, it avoids Shadow DOM, supports SSR out of the box, and works across major frameworks (React, Vue, Angular, Next.js) without lock-in. It was created to address recurring pain points in enterprise design systems: accessibility issues, layout shifts, flash of invisible content, and over-reliance on client-side JavaScript. Key features include zero dependencies, scoped styles via native CSS, reactive prop/state updates, and full web standards compliance.
Table of contents
What is Elena? Why was Elena created Why should I use Elena Elena’s features Browser support Next steps 103.6K Impressions1 Comment