Craft

Studio

Projects

Connect

Projects

Craft

Connect

Craft — Our lab for random prototypes and finer details.

Welcome to our digital sandbox—where creativity runs wild and pixels come to play. This isn't about polished products or client work; it's our space to tinker, explore, and push boundaries just for the sheer joy of it.

It’s a mishmash of UI experiments, quirky animations, and design tangents that may never see the light of day in a real project. But don't be fooled—this playground is our secret weapon. It's where we sharpen our skills, stumble upon happy accidents, and fuel the creative fire that makes our real projects sing.

2

VS

2

Goal!

Idle

Alert

Score

Match

2

VS

2

Goal!

Idle

Alert

Score

Match

Live Scores Dynamic Island

Everyone loves a dynamic island, and everyone loves football! Whilst building a live scores app, we had the idea to play around with notifications delivered via the new native dynamic islands.

ios

ios

dynamic island

dynamic island

football

football

Feedback

Dynamic Feedback Popover

A simple feedback widget powered by Framer forms. Just drop the overlay onto any button in Framer and you'll have a ready-to-go feedback popover for your visitors. Connect it to a Google Sheet or webhooks and you're all set!

framer

framer

framer forms

framer forms

framer motion

framer motion

Football Headlines

Breathtaking football — How Slot’s Liverpool machine kicked into gear

The Athletic

Today

Football Headlines

Breathtaking football — How Slot’s Liverpool machine kicked into gear

The Athletic

Today

News Headlines Ticker

A configurable widget that features a dynamic carousel to display the latest news and updates from the world of football. Built originally as part of a chrome new tab extension for creating personalised dashboards.

react

react

tailwindcss

tailwindcss

framer motion

framer motion

Animated Button States

Simple, fun, jiggly! Not necessarily practical, but it does make for a fun experience when the user has to await the outcome of the response to something, to you know, make it jiggle.

react

react

framer motion

framer motion

Title

Saved

Mobbin - The world’s largest mobile and web app...

mobbin.com

Today

Mobbin

mobbin.com

Today

Campsite - Posts, calls, docs, and chat in one...

campsite.co

Today

Campsite

campsite.co

Today

Supabase - The open source Firebase alternative

supabase.com

3d ago

Supabase

supabase.com

3d ago

Raycast - Your shortcut to everything

raycast.com

3d ago

Raycast

raycast.com

3d ago

Framer - The web builder for stunning sites

framer.com

24 Jul

Framer

framer.com

24 Jul

Figma - The collaborative interface design tool

figma.com

18 Jun

Figma

figma.com

18 Jun

Link Preview Cursor

A cursor popover that shows a preview of the website they're about to visit. Perfect for a bookmarks list that opens websites via an external link, the popover gives the user the impression that the link will open in a new window.

react

react

tailwindcss

tailwindcss

framer motion

framer motion

We’re looking to collaborate with early-stage startups and founders with shared values for building design-led products. We don’t do big proposals, we’re all about fast execution, constant iteration and async-first communication.

Sound good? Say

For transparency, our typical starting cost for a project can range anywhere between £5,000 and £20,000.

© 2024 Twolayers

We’re looking to collaborate with early-stage startups and founders with shared values for building design-led products. We don’t do big proposals, we’re all about fast execution, constant iteration and async-first communication.

Sound good? Say

For transparency, our typical starting cost for a project can range anywhere between £5,000 and £20,000.

© 2024 Twolayers