Email Copied! ๐Ÿš€
Ready to build

Hi, I'm Lawson.

A 13-year-old developer based in the UK. I specialize in building clean, modern web experiences.

View Projects

Projects

Live Production

lawsonmorris.co.uk

My main portfolio site showcasing my latest experiments and front-end skills.

Visit Site
Lab

Nexa

Experiments with 3D animations and UI interaction design.

Open Lab โ†’
Utility

FlightFeed

Real-time drone flight map specifically for UK pilots.

View Map โ†’

13

Age

UK

Based

24/7

Learning

Find Me

TikTok

@lawson.morris4

Instagram

@lawso.morris9277

Geocaching

Hidden Finds

Beyond the Screen.

Coding isn't my only obsession. I'm an avid geocacher and a licensed drone pilot. I find that the same logic used to find hidden caches or navigate a drone helps me write cleaner code.

Drones

Caching

Web

Fast UI

} .animate-float { animation: float 3s ease-in-out infinite; } .gradient-text { background: linear-gradient(to right, #60a5fa, #a855f7, #ec4899); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% auto; animation: textGradient 4s linear infinite; } @keyframes textGradient { to { background-position: 200% center; } } .bento-card { background: var(--card-bg); border: 1px solid var(--border); transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); position: relative; overflow: hidden; display: flex; flex-direction: column; } .bento-card:hover { border-color: rgba(59, 130, 246, 0.5); background: #0f0f0f; transform: scale(1.02); box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.5); } .reveal { opacity: 0; transform: translateY(40px) scale(0.95); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); } .reveal.active { opacity: 1; transform: translateY(0) scale(1); } .glass-nav { background: rgba(5, 5, 5, 0.8); backdrop-filter: blur(20px); border-bottom: 1px solid var(--border); } .nav-profile { width: 45px; height: 45px; border-radius: 50%; position: relative; padding: 2px; background: linear-gradient(45deg, #3b82f6, #a855f7, #ec4899); background-size: 300% 300%; animation: gradientMove 3s ease infinite; cursor: pointer; } @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .nav-profile img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 2px solid var(--bg-dark); } .chip { background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2); padding: 4px 12px; border-radius: 100px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; color: #60a5fa; width: fit-content; } .bg-blob { position: fixed; width: 60vw; height: 60vw; border-radius: 50%; filter: blur(120px); opacity: 0.12; z-index: -1; pointer-events: none; } #progress { position: fixed; top: 0; left: 0; height: 3px; background: linear-gradient(to right, #3b82f6, #a855f7, #ec4899); z-index: 1001; width: 0%; } #toast { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%) translateY(100px); background: #3b82f6; color: white; padding: 10px 25px; border-radius: 50px; font-weight: 800; font-size: 0.8rem; box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 2000; } #toast.show { transform: translateX(-50%) translateY(0); }
Email Copied! ๐Ÿš€
2026 Developer โ€” Building for Free

Building
Better
Websites.

I'm Lawson. I'm 13 and I build fast, cool, and modern websites that work perfectly on any screen.

See My Work

Cool Things I've Made.

Main Site

lawsonmorris.co.uk

My personal home on the web. It shows off my skills and clean designs.

Check it out
Testing Lab

Nexa

Where I test new ideas and make things move in 3D.

Visit Lab โ†’
Helpful Tool

FlightFeed

A live map for drone pilots in the UK. Super fast and easy to use.

See Map โ†’

13

Years Old

Fast

Loading Speed

Free

Portfolio Help

Young Talent.
High Quality Work.

I'm young, but I code as well as the pros. I believe it doesn't matter how old you areโ€”what matters is the code you write.

When I'm not coding, I'm **Geocaching** (hunting for hidden boxes outdoors). It's a lot like fixing a bugโ€”you have to be patient and look closely to find the prize!

Coding

Design

Animations

Exploring

Let's make History.

Based in the UK โ€” Working Worldwide