ZenkieBear/glassmorphism

✨ Generate the glassmorphism CSS code you want

Glassmorphism Generator

中文文档在这里

This is a glass-morphism CSS generator that makes it easier for designers and front-end developers to create their components.

Suggested Tools

• We recommend using VSCode as your code editor.
• Suggested extensions for VSCode:
  • Volar (and turn off Vetur)
  • TypeScript Vue Plugin (Volar).

Getting Started

To set up the project on your computer, first, install the necessary tools with this command:

npm install

To Run the Project for Development

If you want to make changes and see them in real-time, use this command:

To get the project ready for others to use, you need to compile and minimize it with this command:

npm run dev

To Prepare the Project for Public Use

npm run build

After you run this, you'll see a new folder called dist. You need to package this and put it into your web server, like Nginx, Apache...

License

The Glassmorphism Generator is free to use because it's licensed under MIT