Widget Demo

This page demonstrates interactive widgets entirely generated using Parenscript! All the JavaScript you see running here was written in Common Lisp and compiled to JavaScript.

Counter Widget

A simple counter with increment, decrement, and reset functionality:

Progress Bar Widget

An animated progress bar that fills up automatically:

Color Picker Widget

A simple color switcher that changes background colors:

Code Editor Widget

A simple code editor with syntax highlighting that executes JavaScript:

How It Works

1. Widget logic is written in Common Lisp using Parenscript
2. Parenscript compiles the Lisp code to optimized JavaScript
3. The JavaScript runs in your browser to create fully interactive widgets
4. All styling is applied programmatically (no CSS files needed!)

Features

• Pure Parenscript: All JavaScript is generated from Lisp code
• No dependencies: Works with vanilla JavaScript
• Self-contained: Styles applied inline programmatically
• Interactive: Responds to user input and animations
• Type-safe: Leverage Lisp's type system during development

Try interacting with the widgets above!