We’ve just launched a live demo of WebStencils running on WebBroker, and you can check it out right now at wsdemo.embarcadero.com. No downloads, no setup required: just open your browser and start exploring.

This is the same demo project that’s available on GitHub and DockerHub, but we’ve deployed it so you can see WebStencils in action without cloning the repo or compiling anything yourself. The demo runs in Docker and automatically resets every 15 minutes, so feel free to experiment without worrying about breaking anything.

What You’ll Find

The demo covers several real-world scenarios that show what WebStencils can do:

Session Management with Role-Based Access

The app includes a complete authentication system with different user roles. You can log in as:

• demo / demo123 (standard user)
• admin / admin123 (admin role with additional permissions)

Once logged in, you’ll see how sessions work, how roles control access to different features, and how user information flows through the templates. Admin users get access to customer management features, while standard users can access the tasks demo.

HTMX Tasks App

There’s a fully functional tasks app built with HTMX that shows how WebStencils handles dynamic content updates. You can add tasks, mark them complete, edit them, and delete them, all without full page reloads. The HTMX integration demonstrates how WebStencils templates work with modern JavaScript libraries to create interactive experiences.

Each user session maintains its own task list, so you can see how session data is managed across requests.

FireDAC Database Access with Dynamic Forms

The customer management section shows how WebStencils works with FireDAC to access SQLite databases. Forms are generated dynamically from FireDAC query metadata, so you don’t need to manually create HTML for each field. The demo includes:

• Full CRUD operations (create, read, update, delete)
• Server-side pagination
• Multi-field search across name, email, company, phone, and city
• Form validation with error messages that persist across redirects
• Flash messages for user feedback stored in session objects

The “Big Table” view loads 1000 customers in a single query, showing how WebStencils handles large datasets.

Documentation and Routing Examples

The demo includes built-in documentation pages that explain WebStencils syntax and templating patterns. You’ll see examples of:

• How WebBroker routing works with declarative route definitions
• Template inheritance and layout pages
• Partial templates for reusable components
• Conditional rendering and loops
• Accessing data from Delphi objects in templates

Try It Out

Head over to wsdemo.embarcadero.com and explore. Log in with either set of credentials, check out the tasks demo, browse the customer management (if you’re an admin), and read through the documentation pages to see how everything works.

If you want to run the demo locally or examine the code, everything’s available on GitHub, and the Docker image is on DockerHub. Don’t have RAD Studio 13 Florence yet? You can download a 30-day trial here.

We’re open to feedback and contributions so feel free to create an issue on GitHub or send a PR if you spot something worth improving.

Give it a try and let us know what you think!