Magic Patterns Logo
Our Blog

Blank Canvas

The latest in design, frontend engineering, AI and everything in between.
Converting any website to a React component
Behind-the-scenes

Converting any website to a React component

Teddy Ni
Teddy NiOctober 31, 2024
How to Create a Skeleton Screen in React
Learn

How to Create a Skeleton Screen in React

Alex Danilowicz
Alex DanilowiczNovember 23, 2024
Design Systems: What, why, and when.
Learn

Design Systems: What, why, and when.

Alex Danilowicz
Alex DanilowiczSeptember 6, 2024
Adding Dark Mode via CSS Variables
Resource

Adding Dark Mode via CSS Variables

Teddy Ni
Teddy NiAugust 29, 2024

All Blog Posts

Our Favorite Tools of 2024
Behind-the-scenes

Our Favorite Tools of 2024

Teddy Ni
Teddy NiDecember 12, 2024
How to Create a Skeleton Screen in React
Learn

How to Create a Skeleton Screen in React

Alex Danilowicz
Alex DanilowiczNovember 23, 2024
Converting any website to a React component
Behind-the-scenes

Converting any website to a React component

Teddy Ni
Teddy NiOctober 31, 2024
Design Systems: What, why, and when.
Learn

Design Systems: What, why, and when.

Alex Danilowicz
Alex DanilowiczSeptember 6, 2024
Adding Dark Mode via CSS Variables
Resource

Adding Dark Mode via CSS Variables

Teddy Ni
Teddy NiAugust 29, 2024
CSS is Hard: Understanding Pixels vs Ems vs Rems
Learn

CSS is Hard: Understanding Pixels vs Ems vs Rems

Teddy Ni
Teddy NiJuly 22, 2024
Magic Patterns Logo
All Systems Operational
OVERVIEW
Get Started
DocumentationPrompting Guide
PRODUCTPricingSecurityContact Sales
USE CASESProductDesignersFoundersSales
COMPANYBlogCustomersCareersSocial Media
LEGAL
Contact
Acceptable UseTermsPrivacy Policy
© North Park Labs 2024