Skip to main content

Weblisk Pro

Premium plugins, advanced tooling, and priority support for teams building production applications.

View Plans Documentation
What's Included

10 production-grade modules

Everything in the free 52-module core, plus 10 advanced modules for teams shipping real products.

Privacy-First Analytics

Cookie-free page views, custom events, and session tracking. Batched via sendBeacon for zero perf impact.

A/B Testing

Hash-based deterministic variant assignment. Persists across sessions with built-in conversion tracking.

Data Tables

Interactive sortable, filterable, paginated tables from any data source. One-click CSV export.

SVG Charts

Pure DOM SVG bar, line, pie, and sparkline charts. No canvas, fully accessible, zero dependencies.

Form Validation

Declarative validation via data-validate attributes. Async submission with loading states and error display.

Client-Side Auth

JWT decode, token lifecycle signals, auto-refresh, and route guards. Works with any JWT-issuing backend.

Payment Request API

Browser-native checkout with one function call. Works with Stripe, PayPal, or any payment processor.

Toast Notifications

Accessible notification system with auto-dismiss, stacking, positioning, and screen reader announcements.

Accessible Tabs

ARIA-compliant tablist/tab/tabpanel pattern with full keyboard navigation — Arrow keys, Home, End.

CRDT Primitives

Conflict-free replicated data types for offline-first collaboration. LWW Register, G-Counter, PN-Counter, LWW-Map.

Try the Interactive Demos
Privacy-First

Analytics without the guilt

Cookie-free, GDPR-friendly page view and event tracking. Batched via sendBeacon so it never blocks rendering or slows navigation.

  • No cookies, no consent banner needed
  • Automatic page view tracking
  • Custom events with structured data
  • Session duration signals — reactive out of the box
analytics-island.js 
import { init, track, session } from 'weblisk/pro/analytics.js';
import { effect } from 'weblisk';

// Start tracking — zero cookies, zero consent
init('/api/collect');

// Track custom events
document.querySelector('.cta')
  .addEventListener('click', () =>
    track('cta_click', { plan: 'pro' })
  );

// Reactive session duration
const [duration] = session();
effect(() => console.log(`Session: ${duration()}s`));
Production Data

Data tables in one function call

Sort, filter, paginate, and export any dataset. Built with real DOM — no virtual scrolling tricks, no canvas hacks. Debounced filtering preserves focus while you type.

  • Click-to-sort with directional indicators
  • Live filtering with input debounce
  • Configurable page sizes and navigation
  • One-click CSV export of filtered data
team-table.js 
import { table } from 'weblisk/pro/table.js';

const data = [
  { name: 'Alice Chen',   role: 'Engineer',  status: 'Active' },
  { name: 'Bob Patel',    role: 'Designer', status: 'Active' },
  { name: 'Clara López', role: 'PM',       status: 'On Leave' }
];

table(document.querySelector('#team'), {
  columns: ['name', 'role', 'status'],
  data,
  pageSize: 10,
  sortable: true,
  filterable: true,
  exportCsv: true
});
Visualization

SVG charts, zero canvas

Bar, line, pie, and sparkline charts rendered as pure SVG. Accessible by default, styleable with CSS, and responsive without a resize observer.

  • 4 chart types — bar, line, pie, sparkline
  • Pure SVG — text is selectable, links are clickable
  • Accessible with ARIA labels and roles
  • Style with CSS — colors, fonts, animations
dashboard-charts.js 
import { bar, line, pie } from 'weblisk/pro/chart.js';

// Bar chart — revenue by quarter
bar('#revenue', {
  labels: ['Q1', 'Q2', 'Q3', 'Q4'],
  values: [42, 68, 55, 91]
});

// Line chart — monthly active users
line('#users', {
  labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
  values: [1200, 1800, 2400, 3100, 4200]
});

// Pie chart — traffic sources
pie('#traffic', {
  labels: ['Organic', 'Direct', 'Referral', 'Social'],
  values: [45, 25, 20, 10]
});
Ship Faster

Auth & A/B testing — two imports

Client-side JWT auth with reactive user signals that update your UI automatically. Pair it with deterministic A/B testing that persists across sessions — no third-party scripts.

  • JWT decode with auto-refresh and route guards
  • Reactive user() and authenticated() signals
  • Hash-based A/B bucketing — deterministic, no flicker
  • Built-in conversion tracking per variant
protected-page.js 
import { login, user, authenticated } from 'weblisk/pro/auth.js';
import { assign, convert } from 'weblisk/pro/ab.js';
import { effect } from 'weblisk';

// Auth — reactive user state
login('eyJhbGciOi...');
effect(() => {
  if (authenticated())
    greeting.textContent = `Hi, ${user().sub}`;
});

// A/B test — deterministic, no flicker
const variant = assign('pricing-test', ['A', 'B']);
cta.textContent = variant === 'A'
  ? 'Start Free Trial'
  : 'Get Started Now';
cta.addEventListener('click', () => convert('pricing-test'));

Simple, transparent pricing

Start free. Upgrade per domain when you're ready — one-time purchase, lifetime updates.

Community

Free

Forever, for everyone

  • 52 core modules
  • Islands architecture & signals
  • Security, state, networking
  • PWA & accessibility modules
  • CLI scaffolding & build
  • TypeScript definitions
  • Community support (GitHub)
Get Started

Pro

$149/domain

One-time purchase — lifetime updates included

  • Everything in Community
  • 10 pro modules per domain
  • Analytics & A/B testing
  • Data tables & SVG charts
  • Form validation & client auth
  • Toasts, tabs & CRDTs
  • Priority email support
  • All future Pro updates
Coming Soon

Team

$499/5 domains

One-time — for agencies and teams

  • Everything in Pro
  • 5 domain licenses
  • Priority support with SLA
  • Source code access (no CDN dependency)
  • Self-hosted deployment
  • Invoice billing available
  • Onboarding call
  • All future Pro updates
Contact Us