THE POPCRAFT
MARKETPLACE!

PopCraft's 52-second desktop launch trailer at 1920×1080, 60 fps: a yellow pop, the Mac, six modes on circle wipes, a scrolling wall of templates with a live count, six GPU effects on a noisy wipe, a bento of features, four people editing one board live, and the end card — ten scenes in one composition, ready to re-brand and export

A 3D wall of templates flies in, scrolls row against row and dives at the camera while the count climbs — the launch trailer's wall, in 3D

A real, playable pixel-art platformer: run with the arrows or A/D, jump with Space (hold for higher), collect the spinning coins, hop the pit and the slimes and reach the flag. It plays with physics — gravity, solid bricks, one-way planks, coins, hazards and a goal are roles on its layers — in Present mode and on a published site, with touch buttons too. Every piece is a pixel canvas you can edit

You got this: “Crush it today!”. A four-second looping GIF to send by text: chunky italic words with a hot drop shadow over an eighties sunset, a scrolling neon grid and stars that blink. 480 × 480, small enough for any messaging app; change the words and the colours are the occasion’s own.

"The Long Night" no. 1, a complete short comic in modern painted comic art: the front cover, ten interior pages round a centrefold of the sky, and the back cover. Ada and her brother Teo climb the harbour radio tower on the night the city goes dark

A streetwear label’s drop store, black and acid lime: a ticker announcing the drop, a full-bleed poster hero, energetic entrances, a carousel of the whole drop, categories, product pages with add to cart and a cart with checkout. Publishes as a Next.js Commerce store selling your Shopify products. Desktop, tablet and phone

Motion components that follow the music: waveforms, a spectrum equalizer, a circular spectrum, a pulse ring, a VU meter, a beat flash, a bass-kick badge and a podcast audiogram (1:1 and 9:16), with colour and text inputs

A link preview card in the gradient and depth look for a video rendering API: the name, the promise and the address on a deep ocean ground beside the product window tilted in 3D space over a warm coral-to-lagoon mesh, with a cast shadow, floating planes and a reflection. Open Graph 1200 × 630 with GitHub social preview and X post sizes

A tear-off flyer for a maths and science tutor, a music teacher, a dog walker or a cleaner: graph paper with equations in the margin, the offer like a worksheet heading, three ticked reasons and the prices, then a row of tear-off tabs with the name and number reading up each tab and dashed cut lines between. The tabs are one component. A4 and US Letter

A lost cat or dog flyer for lamp posts and shop windows: LOST CAT white on a red band readable from a car, a big portrait (a drawn ginger tabby to swap for your photo), what she looks like and where she was last seen, the reward, and the phone number big. Reword it for a dog, a found pet or a missing tortoise. A4 and US Letter

The pin-up from "Nightstar: Blackout": Nightstar on the edge of a rooftop at sunrise over the city he kept alive, full bleed, with one line for the morning and the series line on a strip at the foot

"Last Summer on Alder Street", the whole indie issue in one file: the cover and every page of the story in facing pages, ready to print as a booklet

The conversation on the sofa: a two-shot, then Juno and Theo in alternating closeups across slanted gutters, and the two-shot again with them closer

The goodbye at sunset, in frames that make an hourglass: the roof edge, the spare key, a hand closing round it at the waist, her head on his shoulder, two silhouettes against the sky

A warm recipe video in steps: a title card with the dish, the ingredients, then each step as a numbered card and a photo with its instruction, cut on the beats of a gentle music-box track (made by PopCraft, CC0), slow pushes and slides, and a closing card with the serving note. Photos are CC0 from Wikimedia Commons; drop your own on any frame.

An outdoor gear shop with a full-bleed mountain poster hero, rugged condensed type, a ticker for its sale, a carousel of the kit, categories, product pages with add to cart and a cart with checkout. Publishes as a Next.js Commerce store selling your Shopify products. Desktop, tablet and phone

A hi-fi and audio electronics store, dark navy with an electric blue, a modern grotesk and mono details: a split hero, lively entrances, framed cards, a carousel, categories, a page per product with add to cart and a cart with checkout. Publishes as a Next.js Commerce store selling your Shopify products. Desktop, tablet and phone

A brand and product designer’s portfolio in the style of design platforms: white cards with a hairline two across, a case-study page per project with the brief, the picture, the story and credits, and an about page. The projects are a collection you edit as a table. Desktop, tablet and phone

A working workout log: visitors sign up and log a session in three taps and a number — what, how long, how hard. Each session is a bar as long as its minutes, coloured by what it was, and a tap marks it as a best and lifts it to the top. A dark, numbers-first design; every visitor keeps their own log in the database. Landing, sign-up, sign-in, log and account pages that fold from desktop to phone

Welcome to the team: “Welcome to the team!”. A four-second looping GIF to send by text: confetti tumbles round the words, the message hops and the occasion’s picture wobbles over it. 480 × 480, small enough for any messaging app; change the words and the colours are the occasion’s own.

A SaaS landing page as the desktop of a dead mall: hero copy beside a window onto a banded sun, palms, a marble bust and a grid floor scrolling toward you, where a search types a name and result and renewal dialogs open and stack; a price list as the mall directory in a window of its own, and a closing band on checkerboard tile. Desktop, laptop, tablet and phone

A link preview in the terminal look: the promise in heavy monospace on a near-black character grid, one line on what the product is, the install command, and a terminal beside it with a finished test run, runner cells lit and PASS in inverse video. 1200 × 630, with a 1280 × 640 GitHub social preview and a 1600 × 900 X post

A twelve-slide 16:9 seed pitch for an AI-native SaaS, in a ledger-book look: problem, insight, a product demo that builds, how it works, why now, market, a traction chart that grows while its figure counts, business model, competition as a two-by-two, team and the ask. Every slide has a transition and click builds

A 19-second launch-day reel that treats a 1.0 as the launch it is: a clock ticks down from T-minus eight over a rocket on its pad, pre-flight checks count to 14 of 14, the engine lights, and at zero the pad drops away, altitude and velocity count up on a mission-control console, the booster parts and an orbit draws round a ringed planet as the offer rises. Painted like a pulp paperback cover in rust, mustard, teal and cream; the lift-off lands on the music’s drop (made by PopCraft, CC0), with burned-in captions. 9:16 with 1:1 and 4:5 cuts

The same page at laptop, tablet and mobile widths

Capacity across the top, then backlog, sprint and stretch

Animated toasts as motion components — success, error and info toasts that rise in and fade away, and an undo toast with a running timer — with text, icon and colour inputs

A library of nine motion components — animated button states, lower third, stat counter, progress ring, loader, toast, badge pop, subscribe CTA and social handle — with text, number and colour inputs and per-instance timing.

Interactive components with animated states — a button that lifts on hover and gives on press, a gliding toggle, a checkbox that ticks, tabs with a sliding underline — with text and colour inputs

Looping loading states as motion components: a spinner, progress bars, a typing indicator, and skeleton cards with a shimmer — colours, labels and the percentage are inputs

One B2B ad in the four sizes a launch buys: Google responsive display landscape (1200 × 628) and square (1200 × 1200), Meta feed (1080 × 1350) and LinkedIn single image (1200 × 627). A sharp claim with the old number struck and replaced, a crop of the product running off the frame, and one button, in the data-dense enterprise look. Each size is laid out for its own frame; drop your own capture on the product’s picture slot

A loud garage or yard sale flyer, readable from across the street: a yellow sheet under a red-and-white awning, GARAGE SALE in heavy capitals with price tags swinging off it, the days in a black band, the address and what is on the tables. The tags are one component. A4 and US Letter

An energetic flyer for a charity 5K, fun run or sponsored walk: a race bib pinned at a tilt over speed stripes, the river route winding behind it with kilometre markers, then the date, distances, entry fee, what it raises and where to sign up. The bib and markers are components. A4 and US Letter

A calm portrait card for a yoga or pilates studio, a massage therapist or a wellness practice: a low sun of soft concentric arcs rising off the foot of a sand front under the studio’s name in a light serif; the back lists the week’s classes, each a row to retype, over the teacher and the brand kit’s number, email and website. 55 × 85 mm, two-sided

A card for a realtor or estate agent: a harbour-blue front with a street of houses drawn in one gold line along the foot and the agency’s name over it; a white back with the agent’s photo in a circle (drop yours in), her licence, the brand kit’s number, email and website, and a QR code to her listings (replace it with your own). 85 × 55 mm and US 3.5 × 2 in, two-sided

A bold card for a plumber, electrician or any trade on call: a royal blue front with a copper pipe running round an elbow and off the edge, a yellow 24/7 badge and the phone number as the biggest thing on it; a white back with the services as a ticked list, the licence number and the brand kit’s number, email and website. 85 × 55 mm and US 3.5 × 2 in, two-sided

A card for a photographer that is mostly photograph: one picture to the bleed on the front with viewfinder corner marks and the name on a small white tab; a white back with the name in a serif, the work taken, the brand kit’s number, email and website, and a strip of frames running off the edge like a contact sheet. Every picture is an image to replace. 85 × 55 mm and US 3.5 × 2 in, two-sided

A traditional card for a solicitor or attorney: a deep navy front with fine rings spreading from a serif monogram inside a gold double rule, the firm’s name in spaced capitals; an ivory back with the lawyer’s name, practice area and the brand kit’s number, email and website beside a gold rule. 85 × 55 mm and US 3.5 × 2 in, two-sided

A portrait card for a flower shop: eucalyptus and blush ranunculus run in from the corners of a deep green front and off into the bleed, the shop’s name in a serif italic between them. The back is tissue-paper cream with the florist, her number, email and website from the brand kit, and the shop’s address. 55 × 85 mm, two-sided

A card for a freelance developer or engineer written as code: an editor pane with line numbers and the card as an object literal, a cursor after “available: true”; the back has a QR code to the portfolio (replace it with your own), the brand kit’s email, phone and website in mono, and what she builds. 85 × 55 mm and US 3.5 × 2 in, two-sided

Design a store that sells. Connect a Shopify store and browse its real catalogue by category, product or search; place its pictures on the page or fill the design's products with them; make any design a store and see what it still needs; export a Shopify theme. Publish › Store deploys it as a Next.js Commerce store.

Export a storefront design as one HTML file to share: every page of the store, drawn with its sample products. A worked example of a store-template exporter built on getStorefront().

Import Microsoft Publisher (.pub) files via libmspub WASM layout. Metadata parse failures no longer abort layout.

Lays the selected layers out in a tidy grid, row or column with even gaps, keeping their reading order. The gap is remembered.

Checks text against WCAG 2.1 contrast rules. Measures each text layer's colour against the fill behind it, selects every layer that fails AA, and tells you the worst ratio.

Adds the classic four-colour comic palette to the file as colour styles: process yellow, magenta, cyan and ink.

A canvas widget everyone in the file can click to count votes.

A semi-dark comic theme: night-time panels, ink outlines and pop-colour accents. Data only.