DocumentationDocumentationPlaygroundPlayground (opens in a new tab)LearnLearn
    No results found.
GitHubGitHub (opens in a new tab)
    No results found.
    • Getting Started
    • Why Panda?
    • FAQs
    • CLI
    • PostCSS
    • Astro
    • Next.js
    • Remix
    • Gatsby
    • Redwood
    • Qwik
    • Vite
    • Vue
    • Nuxt
    • Preact
    • Solid.js
    • Svelte
    • Storybook
    • Cascade Layers
    • Writing Styles
    • Conditional Styles
    • Responsive Design
    • Patterns
    • Recipes
    • JSX Style Props
    • Stitches
    • Styled Components
    • Tokens
    • Token Usage
    • Text Styles
    • Layer Styles
    • Patterns
    • Conditions
    • Utilities
    • Presets
    • Theme
    • Background
    • Typography
    • Border
    • Display
    • Sizing
    • Layout
    • Spacing
    • Component Library
    • Multiple Themes
    • Custom Fonts
    • Dynamic Styles
    • Static Generator
    • Virtual Color
    • CLI
    • Config
      • Getting Started
      • Why Panda?
      • FAQs
      • CLI
      • PostCSS
      • Astro
      • Next.js
      • Remix
      • Gatsby
      • Redwood
      • Qwik
      • Vite
      • Vue
      • Nuxt
      • Preact
      • Solid.js
      • Svelte
      • Storybook
      • Cascade Layers
      • Writing Styles
      • Conditional Styles
      • Responsive Design
      • Patterns
      • Recipes
      • JSX Style Props
      • Stitches
      • Styled Components
      • Tokens
      • Token Usage
      • Text Styles
      • Layer Styles
      • Patterns
      • Conditions
      • Utilities
      • Presets
      • Theme
      • Background
      • Typography
      • Border
      • Display
      • Sizing
      • Layout
      • Spacing
      • Component Library
      • Multiple Themes
      • Custom Fonts
      • Dynamic Styles
      • Static Generator
      • Virtual Color
      • CLI
      • Config
  • Playground (opens in a new tab)
  • Learn
Question? Give us feedback → (opens in a new tab)Edit this page

Migration

Migrating from Styled Components

This guide outlines the steps needed to migrate your project from Styled Components to Panda, and some design differences between the two libraries.

💡

TODO: Help us improve this guide by contributing

StitchesTokens

Copyright © 2023Proudly made by the Chakra team