User researchFigmaWireframesData visualisationPrototypingDesign systemsUI designUX designInformation architectureUsability testingAccessibilityComponent librariesResponsive designVisual designInteraction designDesign engineeringTailwind CSSReactNext.jsTypeScriptJavaScriptHTMLCSSGitGitHubElevenLabsOpenAICursorAgentsLLMsAIUser researchFigmaWireframesData visualisationPrototypingDesign systemsUI designUX designInformation architectureUsability testingAccessibilityComponent librariesResponsive designVisual designInteraction designDesign engineeringTailwind CSSReactNext.jsTypeScriptJavaScriptHTMLCSSGitGitHubElevenLabsOpenAICursorAgentsLLMsAI

Design tools

I've built a Tailwind CSS toolkit and a UI playground. The UI playground is where I prototype and test UI patterns and components.

NEW

UIPlayground

Rapid prototyping and component experimentation for UI patterns. I use it to explore layouts, interactions, motion, and component variants before they land in production work.

Design tool

TailwindToolkit

Three tools for designers working with Tailwind CSS: a way to generate Tailwind CSS theme classes for your projects, based on your brand colours; a way to convert CSS styles to Tailwind classes; and a OKLCH gradient generator with Tailwind and CSS conversion.

Recommendations

View on LinkedIn