SenangWebs Index - Complete Demo

See both initialization methods in action with real data

Declarative HTML Zero JavaScript

Programmatic JavaScript Full API

API Controls:

How It Works

Left side (Declarative): Uses only HTML attributes. The library automatically detects elements with data-swi-id and initializes them on page load. No JavaScript needed!

Right side (Programmatic): Uses the JavaScript API with a custom template function. You have full control and can access methods like search(), goToPage(), and destroy(). Try the API buttons above!