UI Playground

A collection of frontend work focused on creating interactive, user-driven experiences that feel as good as they look.

Little Interactions

A few small interactions built to make things feel a little less static.


  //------- MY SECRET! -------//
<script>
jQuery(document).ready(function($) {

  var originalText = $('#secretreveal').text();

  $('#secretreveal').on('click', function() {

    var $this = $(this);

    $this.toggleClass('is-toggled');
    $('#secrets')
      .stop(true, true)
      .slideToggle(300);

    if ($this.hasClass('is-toggled')) {
      $this.text("I'M A TOGGLE!");
    } else {
      $this.text(originalText);
    }

  });

});

  
0 buttons left to click

I do something too!

If you hover over me, I'll reveal my secret!

Custom Plugins

Sometimes the right solution doesn’t exist yet. These custom plugins were built to add interactive functionality, streamline content management, and create more engaging user experiences, ranging from matching quizzes and creative generators to dynamic charts and custom admin tools.

Matching Quiz

A custom WordPress quiz plugin designed to guide users through a multi-step experience using weighted scoring and conditional logic to generate personalized results. Built with AJAX-driven interactions, dynamic UI states, and a one-question-at-a-time flow, the project focused on creating an experience that felt intuitive, engaging, and easy to navigate while handling more complex frontend logic behind the scenes.

Find Your Website Style Match

Answer 5 quick questions and we’ll match you with a website style direction.

1. What’s most important when you land on a website?
2. Your ideal homepage feels…
3. Which detail catches your attention first?
4. Pick a design philosophy:
5. Your dream website visitor says:
Test Scenario:

“The Interactive Show-Off”

Select these answers:
1. What’s most important when you land on a website?
Fun interactions and movement

2. Your ideal homepage feels…
Dynamic and immersive

3. Which detail catches your attention first?
Animations and hover effects

4. Pick a design philosophy:
“Make it fun to explore.”

5. Your dream website visitor says:
“That was really fun.”

Expected Result

The Interactive Show-Off

Expected vibe:
Creative portfolios, interactive brands, modern startups

Expected CTA:
Explore Interactive Experiences

Art Dice

A custom-built WordPress plugin that turns creative block into a starting point. The Art Dice Randomizer lets users generate unique prompt combinations, selectively re-roll elements, and shape results in a way that feels flexible rather than random. Designed with both usability and delight in mind, it blends structured logic with a bit of chaos to keep ideas flowing.

Art Dice Randomizer

Roll the dice to spark a new idea. Each result is a mix of prompts designed to get you started—feel free to interpret or tweak them as you go.
Not quite right? Use the re-roll icon (↻) to refresh a single element, or click the roll button again for a completely new combination.

Tip: leave JelliYeti on when you want brand sparkle ✨

Art Dice Randomizer

Prompt card

Ring Charts

A custom-built WordPress plugin that turns creative block into a starting point. The Art Dice Randomizer lets users generate unique prompt combinations, selectively re-roll elements, and shape results in a way that feels flexible rather than random. Designed with both usability and delight in mind, it blends structured logic with a bit of chaos to keep ideas flowing.

Where My Time Actually Goes

32% of Where My Time Actually Goes

Where My Time Actually Goes

Fixing one tiny spacing issue
Debugging something that should work
Writing CSS that somehow works
Rewriting the same code but slightly better
Googling like a professional
Staring at it until it fixes itself

Custom Work Breakdown

25% of Custom Work Breakdown

Custom Work Breakdown

Building the feature
Making it reusable
Making it look good
Making it work in Divi anyway
Debugging edge cases
Questioning life choices

What This Chart Represents

30% of What This Chart Represents

What This Chart Represents

Actual functionality
UX polish
Custom overrides
Creative problem solving
Tiny unnecessary details (on purpose)
M

Look at you… clicking things

we’re gonna get along just fine
M

Frontend development,
now with unnecessary pyrotechnics.