Nothing playing right now—

Mini Tools

Timeline
2026

Mini Tools is a growing collection of small creative tools for brand exploration, visual systems, and production. Each one is made for a specific task: exploring a brand direction, tuning motion, generating a visual treatment, or producing an asset that can move straight into a project.

Each tool stays shaped around the job it needs to do. Behind them sits Minikit, an internal shared UI layer and codebase that keeps the interaction language coherent across the collection.

Recurring brand work deserves useful software

Brand work often has a stubborn middle ground: a task repeats often enough to be slow by hand, but is too particular for a generic app. A grid treatment needs the right rhythm, an animation needs a few meaningful controls, and a visual direction needs enough range to explore without losing the character of the system.

These tools turn those recurring decisions into a faster, more repeatable part of the practice. The aim is not to automate taste. It is to make the useful variables visible, keep the feedback loop close to the output, and make production-ready results easier to reach.

Live output from the Jitter Grid Generator. The tool makes a branded shimmer or jitter treatment adjustable and exportable instead of a one-off animation rebuilt by hand.

Focused tools, practical outcomes

Smiler Brand Tools helps turn a brand direction into usable visual material. Lines Animation Maker turns image and motion decisions into a line-based animation. Spinner Builder makes loading states a designed part of a system, rather than a generic afterthought. Jitter Grid Generator creates configurable shimmer and grid treatments that can be carried into a website or product.

Each tool has a narrow surface area because the value comes from its constraints. A focused interface can expose the few decisions that actually change the result, keep the preview immediate, and make export part of the same flow.

The shared layer makes colour, spacing, typography, and control density consistent while leaving each tool free to have its own visual result.

Brand engineering, in practice

Brand engineering turns brand judgement into working software. It connects visual decisions to the systems, templates, controls, and production steps where they need to survive. The designer still owns taste and direction; the tool makes that judgement easier to test, repeat, and carry forward.

That relationship is why interaction design matters here. A slider is not just a component when it controls a visual rhythm. An inspector is not just a panel when it gives a designer a controlled way to explore a brand variable. The UI needs to make the right options legible without flattening the work into presets.

Across the collection, the shared interaction language helps each tool feel familiar while its outcome stays specific: a compact control system, visual tokens, inspectors, sliders, toolbars, draggable panels, live previews, and export flows.

A shared UI language behind the tools

I design and build the shared UI language in code alongside the tools. Minikit remains useful as the internal layer: it holds the common controls, tokens, and interaction patterns so a new tool does not have to start from zero or drift away from the rest of the work.

The craft is in making that shared layer quiet. Controls need clear ranges and good defaults. Panels need to stay out of the way of the preview. Export needs to feel like the natural end of an experiment. The shared system supports those decisions; Mini Tools is the story of the actual work it makes possible.

Live output from Lines Animation Maker. Move your cursor through the artwork to see the kind of visual system the tool makes adjustable and ready to use.

Key decisions

Expose the creative variables, not every possible setting

Each tool starts with the handful of controls that materially change the output. That keeps experimentation fast and makes the relationship between an adjustment and the result easier to understand.

01 / 03

The tools in use

A growing set of small, purpose-built tools. Each solves a specific recurring task while sharing the interaction language developed through the work.

Smiler Brand Tools

A set of focused brand-exploration utilities for testing colour, visual direction, and system decisions before they become production assets. It gives early brand work a faster, more repeatable feedback loop.

Turns an image into a moving line-art texture, with threshold, contrast, and line treatment controls over a live canvas. The result can move straight into a branded motion system.

A parameter-driven builder for grid-based loading spinners, with animation style, pattern, direction, and speed controls alongside a live preview. It makes a small but visible product detail part of the visual system.

Generates shimmer and jitter grid treatments that can be exported straight to HTML or React. It makes a repeatable production asset from a visual effect that would otherwise be rebuilt by hand.

Reflections

The strongest tools have come from a real point of friction in the work. A vague idea for a tool is not enough; it needs a recurring task, a meaningful variable to expose, and an outcome that can be used elsewhere.

Keeping the tools focused makes them more useful. Every new capability has to earn its place by making a creative task clearer, faster, or more repeatable.

The internal shared layer is valuable precisely because it stays in the background. It lets the interaction design compound across tools without making the collection pretend to be a platform.

Brand engineering changes the output from a finished identity document into a maintained production system. These small tools are one practical way to make that system tangible in the work itself.