top of page
Click Click Studio home
ContactContact

Shop & Resources

Tools for designers and builders: paid kits and templates on Gumroad, plus free motion libraries on Figma Community. Duplicate, adapt, ship.

Shop on Gumroad

Kits and templates

Paid kits and templates, sold and delivered through Gumroad.

For designers and builders

Preview of the Motion Pattern Library: tiles for button press, toggle, like burst, skeleton loader, modal and toast patterns

Motion Pattern Library

25 motion and interaction patterns for AI-built apps, each with an animated demo, specs, a copy-paste AI prompt, CSS, and UX notes. One Figma file.

Preview of the Dashboard Motion Library: a bar chart with a goal line, a gauge, a live line chart and an orders table

Dashboard Motion Library

25 motion patterns for dashboards and data, like chart draw-ins, number count-ups, and filter transitions. Each has an animated demo, specs, an AI prompt, and CSS. In Figma.

Preview of the AI Interface Motion Library: tiles for starter prompts, thinking, a tool-in-use chip, streaming text, a suggested change and a source check

AI Interface Motion Library

25 motion patterns for AI features: thinking, streaming, and suggestion states, with demos, specs, accessibility notes, AI prompts, and CSS. Light and dark themes, in Figma.

Preview of the PEMB Icon Kit: 12 isometric icons of metal buildings, framing, panels and documents

PEMB Icon Kit

163 original isometric, two-tone SVG icons for pre-engineered metal building apps: offerings, orders, contracts, and revisions.

Preview of the Product Discovery Workshop Kit: a FigJam board with sample agendas and an opportunity solution tree

Product Discovery Workshop Kit

A ready-to-run FigJam board of proven discovery activities with mix-and-match agendas, for UX and product people who run the room.

Want to try first? The three motion libraries have free 7-pattern editions (see the free libraries below), and the PEMB Icon Kit has a free 30-icon sampler. Get the free sampler

Canva templates

Preview of the Greenhouse Canva deck: deep green slides with a plant-filled room photo and impact charts

Greenhouse

A 6-slide botanical Canva presentation template for plant shops and eco brands.

Preview of the Gold Foil Noir Canva deck: black slides with gold foil type, revenue figures and pricing cards

Gold Foil Noir

A 6-slide black-and-gold Canva presentation template for luxury brands.

Preview of the Opening Night Canva pitch deck: playbill-style slides with red curtains, a marquee title and ticket cards

Opening Night

A 6-slide, 16:9 Canva pitch deck styled like a Broadway playbill, so your pitch feels like a premiere.

Preview of the Blueprint Canva social templates: blue grid-paper story and post designs with a Q&A box

Blueprint

5 editable Canva social media templates in an architect's-blueprint style, for contractors and B2B brands.

Preview of the Recipe Box Canva Instagram templates: pink gingham posts with recipe-card notes and a baking photo

Recipe Box

5 editable Canva Instagram templates in a vintage recipe-card style, for food bloggers.

Preview of the Laundry Day Canva Instagram templates: mint and checkerboard posts styled like a laundromat

Laundry Day

5 editable Canva Instagram templates in a bold laundromat-pop style, for Depop and thrift shops.

New kits are on the way. In the meantime, browse the Gumroad shop or grab a free library below. Visit the Gumroad shop

Free Figma Community libraries

Free libraries for designers who want purposeful motion in product UI, without building every animation from scratch.

Preview of the free Motion Pattern Library: tiles for button press, skeleton loader, menu and drawer, modal, toast and swipe actions

Motion Pattern Library

Seven ready-to-use motion and interaction patterns, with timing tokens and a guide for previewing each animation. A starting point for adding purposeful motion to product UI.

Preview of the free Dashboard Motion Library: a bar chart with a goal line, a gauge, a live line chart and a year-over-year bar chart

Dashboard Motion Library

Motion patterns built for data: chart draw-ins, number count-ups, and filter transitions that help people follow what changed on a dashboard.

Preview of the free AI Interface Motion Library: tiles for starter prompts, thinking, reasoning steps, streaming text, jump to latest and ghost text

AI Interface Motion Library

Animated states for thinking, streaming, and suggestions that show people what's happening behind the scenes, so waiting on a response feels clear instead of uncertain.

Click Happens. Or Not.

A LinkedIn newsletter about the small design decisions that make or break an experience. New issues go out on Wednesdays.

Subscribe on LinkedIn

Recent issues

bottom of page