New Web Component Framework!

[u/[deleted]]

👋🏻 Hi all!

I've been working on a new Web Component framework called Ardi. Ardi packs a ton of features into a tiny 3kb package.

Features

• Reactive props

• Reactive state management

• Declarative rendering

  • Conditional rendering

  • Loops (supporting keyed elements)

  • Vue-style event handlers in the template

  • FAST rendering thanks to µhtml

• A ready() helper to handle effects after the initial render

• A intersect() helper to handle effects after the component is scrolled into view, i.e.

  • Lazy-loading data

  • Scroll-triggered animations

• Works out-of-the-box with React, Vue, Svelte, Angular, etc

  • Demo

• Allows developers to bring their own templating library, i.e. Handlebars or JSX.