Vue Styled Components

A CSS tool similar to styled-components and support for vue 3. Help you to develop your apps fastly!

Changelog · English · 中文

✨Features

✅ Component Styling - Style Vue components, styled components, and HTML elements

✅ Props & Attrs - Pass props, set default attributes, and override attrs dynamically

✅ Theming System - Built-in theme provider with nested theme support

✅ Performance Optimized - Smart caching, batch updates, and async processing

✅ CSS Features - Keyframes, global styles, CSS mixins, and nesting support

✅ Tailwind Integration - Seamless Tailwind CSS class integration

✅ Plugin System - Extensible plugin architecture with hooks

✅ Developer Experience - TypeScript support, performance monitoring, and auto-prefixing

✅ Production Ready - Optimized for performance with configurable caching and batching

📖Documentation

For detailed introduction and usage instructions, please refer to the documentation website

🚀Quick Start

📦Installation

npm i @vue-styled-components/core

yarn add @vue-styled-components/core

pnpm i @vue-styled-components/core

💡Usage

Get started quickly with our comprehensive documentation and examples:

👉 Visit Documentation Website 👈

The documentation includes:

• 📚 Complete API reference
• 🎯 Step-by-step tutorials
• 💡 Best practices and patterns
• 🔧 Configuration options
• 🎨 Advanced theming guide
• ⚡ Performance optimization tips

🧑‍🤝‍🧑Contributors

❤ Thanks

• styled-components.
• stylis