Matt | Code+Design

webdesigner of a photography studio

Just designed a Framer template for photographers who let their work speak.

No clutter. No noise.

Just honest images, natural light, and a layout that breathes.

Dropping soon.

Building a real estate platform that takes the stress out of buying, selling, and moving.

This could be the hero image — warm, human, and real.

#webdesign #uxdesign #buildinpublic

Two different UI card designs

Left or Right?

Screenshot of a design tool called Framer.

Building a new bold template for mobile apps

When the manager (me) decides to open a PR

Bun 1.2 YouTube video by Bun

Bun 1.2

youtu.be/uSzffuqfJQk?...

Create a Glassmorphism Card in under 4 Minutes | Figma Tutorial YouTube video by Matt | Code+Design

How to create a Glassmorphism Card Design?

Here is your answer: youtu.be/gE-IThezf_o?...

Used @midjourney.bsky.social for my newest Youtube videos thumbnail.

shadcn/ui Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

If I am working on something nextjs and react heavy, I'll always put ui.shadcn.com first

Material UI: React components that implement Material Design Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.

Another great one: mui.com/material-ui/

21st.dev - The NPM for Design Engineers Ship polished UIs faster with ready-to-use React Tailwind components inspired by shadcn/ui. Built by design engineers, for design engineers.

Looking for a new component library?
21st.dev

New year. New profile banner. New profile picture.

New year. New profile banner. New profile picture.

I'm building and posting about code+design related stuff for the web. If that's something for you, push that follow button :D.

Marvelous! Do you have any tutorials? I’d love to see the shadow styling—that's the trickiest part, I think.

a neon sign that says " the hustle is real " ALT: a neon sign that says " the hustle is real "

Almost two weeks into the new year, and I’ve already:

- Built a social scheduler to schedule my posts here.
- Created a fun idiom generator with an SMS notification service.
- Completed 95% of my new productised service.
- Saved my Duolingo streak three times.

Single-Page Applications with Next.js Next.js fully supports building Single-Page Applications (SPAs).

New documentation: building Single-Page Applications with Next.js.

vercel.fyi/nextjs-spa

I work with v0 every day—it’s such a powerful and productive tool!

If you code in React, give it a try.
If you don’t code, explore these tools—you’ll be amazed.

How much fun are bento grids?

Yeah, that's pretty neat - and was such an obvious choice haha.

Coming soon this week Andrea! I'll keep you posted.

Looks really really good. Great work!

Productized services are a new kind of business model, celebrated for their flexible and resource-friendly approach for all parties involved. I am building a productized service subscription model in public. Inspired by a previous X post by Brett from DesignJoy, I want to take on this challenge and create a service of my own. Through this journey, I aim to offer my support to the community. Personally, I believe such a subscription-based service provides a flexible, suitable solution for everyone while allowing me to live the life I truly cherish.

Inspired by a post from
@BrettFromDJ

Goals of this week:
✅ Done Wireframe
✔️ Building the High-Fidelity Mockup
✔️ Building the Website
✔️ Publishing the Website before next Monday

Hold me accountable—I'm going to create a productized service!

v0 by Vercel Chat with v0. Generate UI with simple text prompts. Copy, paste, ship.

Stunned by v0.dev possibilities ... used the free version today ... and built a fully functional prototype in under 2 hours... crazy times

I built a productised service landing page as a Framer template. I'm so happy with the design that I might even use it for myself!

Aaand urrently, I'm building an OG:image and metadata preview app, so others and I can test how it looks and feels when shared across social media.

FirstVersion - Where Great Companies Begin Every great company started somewhere. Often, it was simpler than you might imagine. Explore the first versions of today's tech giants.

This is for the indie developer, the tireless creator, and those who seek 💰 freedom:

Not everything shiny attracts attention.

Take a look at how Google, Airbnb, and others started: firstversion.trickle.so ... It was the idea behind them that resonated with people, not design.

Typescale | Figma Quickly generate a modular scale for your typography. In a couple of clicks you can transform a single line of text into a harmonious typographic scale, based on your choice of ratio.

Anyone designing in Figma?
This plugin from Sam Smith helps me a looooot.
www.figma.com/community/pl...

New website templates are available under store.waggadash.com

✨Great news.
✅ New Template Designs
✅Templates are more affordable (reduced pricing)
✅ Templates got new updates
✅ Deep analytics is available
✅ Support line is open to help you

store.waggadash.com

This week, I’m attending a Spring Boot Certificate Course—great insights and very powerful stuff.

But deep down, I’m looking forward to some free time to continue coding in Next.js.

Next.js 15.1 Next.js 15.1 introduces React 19 stable support, improved error debugging, new experimental authorization APIs, and more.

Next.js 15.1

• React 19 (stable)
• Improved errors and source maps
• `after` (stable)
• `forbidden` / `unauthorized` (experimental)
• CSS inlining (experimental)

nextjs.org/15-1

Statamic — the answer to your frustrating CMS problems. Statamic supports your entire team with an award-winning user experience, a kind-hearted community, and all the power of Laravel at your fingertips.

The new @statamic.bsky.social website is a vibe!!

Check it out statamic.com