Skip to content

A CSS tool similar to styled-components for Vue3.js. Help you to develop your vue apps quickly! (vue-styled-components)

License

Notifications You must be signed in to change notification settings

vue-styled-components/core

Repository files navigation

Owner avatar

Vue Styled Components

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

CI status NPM version minified size Coverage Status chat on discord

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

contributor list

❤ Thanks

About

A CSS tool similar to styled-components for Vue3.js. Help you to develop your vue apps quickly! (vue-styled-components)

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

Contributors 4

  •  
  •  
  •  
  •