Inspired by PixelPoint's website style, this is a component library for designing cyberminimal websites with a decent level of detail that will not lag a device. The design system's implementation is made for vue.js and nuxt.js.

Usage

After installing, add the following to your vite project's main.js:

import mgStyle from 'mg-design-system'

let app = createApp(App);
app.use(mgStyle);
// Other Libraries

app.mount('#app');

All Components

• BasicButton (click: emit, slot)
• BoxContainer (width, height, slot)
• Container (slot)
• CodeBlock (lang, code)
• Footer (slot)
• GlassButton (click: emit)
• GlassContainer (slot)
• GlowPoint (color, width, height)
• GradBorderButton (color1, color2, click: emit)
• GradButton (color1, color2, click: emit)
• GradientText (color1, color2)
• HeroCard (background: slot, slot)
• Navbar