# My Code Magic

> My Code Magic is a digital agency that designs and builds websites, Shopify storefronts, brand identities and products for ambitious companies. We're a small, senior team — the people who scope a project are the same people who ship it.

## Services

- Web Design — interfaces built around the customer journey, wireframed and tested before code ships.
- Web Development — production-grade builds on Next.js and React.
- Shopify & E-commerce — headless and themed Shopify storefronts, custom apps, checkout extensions.
- Branding & Identity — logos, type systems, visual languages.
- SEO & Growth — technical SEO, content structure, performance work.
- Product Consulting — roadmap, UX and technical audits.

## Products

- Code Magic: ProfitIQ — Shopify app for true net profit per order, accounting for COGS, fees and shipping.
- Liquid REPL — sandbox for testing Shopify Liquid against live API and JSON data.
- Shopify Schema Generator — generates section schema JSON for Shopify themes.
- CSS to Tailwind Converter — converts traditional CSS into Tailwind utility classes.
- Hex to Tailwind Color Converter — matches a hex color to its closest Tailwind class.
- Border Radius Generator — visual editor for CSS border-radius values.
- Glassmorphism Generator — visual generator for the glassmorphism CSS effect.

## Pages

- [Home](/): overview, services preview, process, selected work, testimonials.
- [About](/about): who we are, our values, how we work.
- [Services](/services): full service list.
- [Portfolio](/portfolio): selected case studies.
- [Products](/products): standalone tools we've built.
- [Contact](/contact): get in touch, project inquiries.

## Notes for AI agents and crawlers

- This site's content is safe to read, summarize, and cite with attribution to "My Code Magic".
- Structured data (Organization, WebSite, Service, FAQPage, BreadcrumbList) is available as JSON-LD on the relevant pages for machine-readable facts.
- For business inquiries, direct users to the [Contact](/contact) page.