Emptykit: 48 Isometric 3D Empty State Illustrations

Emptykit is a set of 48 empty-state illustrations for web and app interfaces, drawn as isometric 3D technical illustrations: clean outlines over real 3D forms, one accent colour and generous space. Every illustration comes in three looks made from the same models and line work, each in light and dark.

Mono: three-tone grey forms with a soft shadow and one recolourable accent. The main look, with an optional soft glow for dark interfaces. Line: a pure technical line drawing with faint dashed hidden edges. Blueprint: a construction drawing with an isometric grid, dimensions and centre lines, as a whiteprint or on deep blue.

The 48 states, in eight groups of six: Communication: No messages yet, Inbox zero, No comments yet, You're all caught up, No contacts, No mentions Files and media: No files yet, No documents, No photos yet, Drop files to upload, Trash is empty, Nothing archived Search and data: No results found, No matches for these filters, No data yet, Your dashboard is empty, No activity yet, No tags Commerce: Your cart is empty, No orders yet, No payment methods, No transactions, No invoices, No products Users, teams and keys: Invite your team, Invitation sent, No connections, Complete your profile, No reviews yet, No API keys Tasks and time: All done, Nothing scheduled, No reminders, No projects yet, No notes, No jobs running Connectivity, errors and access: You're offline, Page not found, Something went wrong, You don't have access, Down for maintenance, Couldn't load this Onboarding, setup and success: Welcome, Finish setting up, No apps connected, Ask anything, Upgrade to unlock, You're all set

What's included PNG: transparent, in 5 sizes (120, 240, 480, 800 and 1600 px) for all 7 variants, with regular and bold strokes. Line weights are re-tuned for every size instead of scaled down, so the drawings stay crisp in a popover or a table row. 3,360 files. Accent presets: the Mono variants in violet, blue, teal, orange and pink besides the default indigo, in every size. 3,600 files, as a separate download. SVG: real vector strokes and traced vector fills in named layers for all 7 variants, plus the accent presets. Mono SVGs are 8 to 47 KB. On the web, recolour inline SVGs with one CSS variable. three.js: a drop-in web component and a React wrapper that draw each illustration live from its GLB, in real 3D. The models turn slowly or toward the pointer, and the outlines, silhouettes and hidden edges are redrawn every frame, so they stay correct at any angle; at the isometric view they match the PNGs. Any accent colour, light and dark, a still or gently floating option, and reduced-motion settings are respected. Examples included. Blender: one .blend file per illustration with a material per colour role, the isometric camera and the strokes as Grease Pencil, ready to render. Figma-friendly: one SVG sheet per look with all 48 as named layers, and the colour tokens (light and dark) as JSON. Copy: a suggested title, body line and button label for each of the 48 states. A catalogue page to browse every illustration with its files and ready-to-paste code.

Made for product teams: the same camera, scale, line weights and palette across all 48, so any combination sits together on one screen.

Requirements: any image or design tool for PNG and SVG; Blender 4.2 or newer for the source files; three.js r160 or newer for the web component.

 

Highlights

• 48 isometric 3D empty-state illustrations in 8 groups: messages, files, search, commerce, teams, tasks, errors and onboarding
• 3 looks drawn from the same models: Mono, Line and Blueprint, each in light and dark, plus an accent glow for Mono dark
• Transparent PNG in 5 sizes (120 to 1600 px) with regular and bold strokes tuned per size, plus Mono in 5 more accent colours
• Real vector SVG for every look with named layers, Mono files under 50 KB, recolourable with one CSS variable
• A three.js web component and React wrapper with 48 GLBs: the models turn in real 3D with their outlines redrawn live, any accent colour, light and dark
• Blender source for all 48 with role materials and Grease Pencil strokes, plus a title, body line and button label for each