GretTech
Sealed letters for someone you love: open when you miss me, when you can't sleep, on our anniversary. Break the wax seal and the letter slides out; date-locked ones wait for their day.
UI Library
Component Library
A collection of beautifully crafted components from our various workspaces, ready to be used in your next project.
GretTech
Two heartbeats on a heart monitor, each at its own rhythm. Hold the heart and they drift together until they beat as one line, then your message appears with the days you've been in sync.
GretTech
A webcam pixel grid: the camera becomes a mosaic of blocks that rise in 3D where you move, with a pointer mode for visitors without a camera.
GretTech
A synthwave scene for heroes: an endless neon grid floor racing toward a striped sun setting behind the horizon. Day and night palettes follow the theme. Pure CSS.
GretTech
A launch-page hero with silk aurora ribbons drawn on canvas under film grain, a cursor-lit dot grid, rotating words, an email sign-up and a logo marquee.
GretTech
A centred hero on a diagonal lattice of dashed lines with glowing meteors travelling along it, a highlighted phrase and a screenshot in a layered frame.
GretTech
A split hero with a checklist on one side and a fanned stack of screenshots on a drifting mesh-gradient stage on the other, framed by design-tool rulers.
GretTech
A hero built around a prompt box on a fluid gradient: the page colour flows into deep blue with drifting light, while example prompts type themselves out.
GretTech
A portfolio hero with copy beside a 3D marquee of work: tilted columns scroll in opposite directions over a dot field and warm glow, and pause on hover.
GretTech
A bold product hero on a panel of pixel-dithered plasma in your brand colour that lights up around the cursor, with a screenshot overlapping its edge.
GretTech
A film-style poster that builds itself: layered art flies back from the camera by depth, the frame dollies out and the title wipes in with a spring.
GretTech
A hero background of two grid planes tilted in 3D so they cross behind your content, stretching the cells into skewed rectangles that drift toward you.
GretTech
A feature bento where each card plays a small live scene. Use the built-in deploy, speed, build and growth scenes by name, or drop in your own.
GretTech
A Mac-style keyboard with real keycap depth, spring presses and synthesised switch sounds by key type, plus a live keystroke row, shortcut glows and auto-typing.
GretTech
A product hero in an editorial frame of hairline rules and a hatched band, with a trusted-by row and a tabbed browser window over a colour glow.
GretTech
A centred hero ringed by drifting customer quotes over a grid of flickering squares that brightens around the cursor and falls quiet behind the title.
GretTech
Words built from thousands of particles that swirl from one word into the next and scatter away from the cursor.
GretTech
A ring of text orbiting your content in 3D, like a planet's ring. The far side passes behind, dimmed. Pure CSS.
GretTech
A dot-grid background that bends toward the cursor like a gravity well. Click to send a glowing shockwave through it.
GretTech
A headline whose letters swell, lift and light up as the cursor gets close, like a magnifying wave. Stays real, indexable text.
GretTech
One image turns into another through 3D slats that flip in sequence, like venetian blinds. Hover, scroll or click to flip.
GretTech
Pricing plans with a monthly/yearly switch, prices that roll like an odometer, a highlighted plan and stacked feature lists.
GretTech
A design blueprint that draws itself, then wipes into the finished UI on hover, scroll or click. Tells the story from wireframe to product.
GretTech
A step-by-step "what do you need?" form that shows a live price range. Turns a contact page into lead qualification.
GretTech
One frame that morphs between desktop, tablet and phone. Show a screenshot per device, or live content that reflows with container queries.
GretTech
Pick a day, then a time. A "book a call" widget for consultants, clinics and agencies, without a third-party embed.
GretTech
Your tech stack on orbiting rings. Hover or focus a logo to pause its ring and see its name. Pure CSS, server-rendered.
GretTech
⌘K search over pages, docs and actions, with groups, keyboard navigation, highlighted matches and recent items. Opens as a dialog or sits inline.
GretTech
A contribution-style grid from any dated counts, with colour scales, month and weekday labels, a legend and a hover readout.
GretTech
A responsive grid displaying agency services with icons, hover effects, and a unified aesthetic.
Portfolio
A project card with a cover image, dates, technology tags, and source and live demo links.
Portfolio
A personal profile hero with a photo, roles, short bio, contact details, skills and social links.
GretTech
An About section with mission and vision cards, a soft spotlight background and a grid of colour-coded value cards.
Popularity Exchange Marketplace
A highly interactive data table with sorting, filtering, row selection, pagination, and bulk actions.
GretTech
An auto-playing, step-by-step process section with an image panel that follows the active step.
GretTech
A high-impact Call to Action block designed to drive conversions at the bottom of a page.
Popularity Exchange Marketplace
A dialog that asks for a single value, with async submit and inline errors.
Popularity Exchange Marketplace
A confirmation dialog for important or destructive actions.
Custom build
Need something bespoke?
We design and build components around your product, then hand over the code.
Start a project