The Lab

Experimental projects, generative tools, and creative experiments. This is where we play, learn, and push boundaries.

Featured experiments

Real projects, real code, real results. Here's what we're building when we're not working on client projects.

AI Tool
🤖

AI Content Generator

Generate brand-consistent content using AI and custom prompts. Built with OpenAI's API and custom fine-tuning.

Open Source Next.js • OpenAI
Custom prompt engineering
Brand voice consistency
Real-time generation
CSS Art

CSS Art Generator

Generate abstract CSS art using mathematical functions and random parameters. Pure CSS, no JavaScript.

Interactive CSS • Math
Mathematical patterns
Real-time generation
Export as CSS
Design Tool

Smart Color Palette

AI-powered colour palette generator that creates harmonious colour schemes based on design principles.

AI-Powered React • ML
Color theory algorithms
Accessibility checking
Export formats
Library

Micro-Interactions

A collection of delightful micro-interactions built with Framer Motion and CSS. Copy-paste ready.

Open Source Framer • CSS
20+ interactions
TypeScript support
Customizable
SVG Tool
🔧

SVG Icon Generator

Generate custom SVG icons using mathematical functions and parametric design. Perfect for unique brand elements.

Parametric SVG • Math
Mathematical generation
Customizable parameters
SVG export
Monitoring
📊

Performance Monitor

Real-time performance monitoring for web applications. Track Core Web Vitals and custom metrics.

Real-time Web Vitals • JS
Core Web Vitals
Custom metrics
Alert system

Experiment categories

We experiment across different areas of web development and design. Here's what we're exploring.

🤖

AI & ML

Exploring how AI can enhance creative workflows and automate repetitive tasks.

  • Content generation
  • Code assistance
  • Design automation
  • Pattern recognition

CSS Art

Pushing the boundaries of what's possible with pure CSS and creative coding.

  • Mathematical art
  • Generative patterns
  • Interactive elements
  • Performance optimisation

Performance

Building tools and techniques to make web applications faster and more efficient.

  • Core Web Vitals
  • Bundle optimisation
  • Caching strategies
  • Monitoring tools

Creative Tools

Building tools that make creative work faster, easier, and more enjoyable.

  • Color generators
  • Typography tools
  • Asset generators
  • Workflow automation

Open source by default

Most of our experiments are open source. We believe in sharing knowledge and building a community around creative technology.

Free to use

All our open source tools are free to use in personal and commercial projects.

Well documented

Every tool comes with comprehensive documentation and examples.

Community driven

Contributions welcome! We love feedback and pull requests.

Want to experiment with us?

Have an idea for an experiment? Want to collaborate? Drop us a line and let's build something weird together.

Start a project