MagicCSS is a versatile Vue 3 CSS library designed to add a touch of enchantment to your web projects. With a collection of meticulously crafted components, MagicCSS empowers developers to effortlessly elevate their user interfaces with stunning designs and seamless integration.
- Beautifully designed components: From buttons to modals, MagicCSS offers a rich assortment of visually appealing elements to enhance your UI.
- Customizable and responsive: Each component is highly customizable and built to adapt seamlessly to various screen sizes and devices.
- Easy integration: Integrate MagicCSS into your Vue 3 projects effortlessly and watch as your designs come to life with minimal effort.
- Performance optimized: MagicCSS is engineered for optimal performance, ensuring fast load times and smooth user experiences.
You can install MagicCSS via npm:
npm install @magic-css/magiccssImport MagicCSS components into your Vue 3 project and start using its components:
import { createApp } from 'vue'
import magicbutton from ' @magic-css/magicbutton'
const app = createApp(...)
app.use(MagicCSS)<MagicButton text="Button" :color="color" icon="gravity-ui/magic-wand" />For detailed usage instructions and examples, refer to the documentation.
Contributions are welcome! If you'd like to contribute to MagicCSS, please follow the contribution guidelines.
MagicCSS is licensed under the MIT License. See the LICENSE file for more information.
Note: This project is under active development. Feedback and suggestions are highly appreciated. Feel free to open an issue if you encounter any bugs or have ideas for improvement.