Generate beautiful mesh gradients.
Meshy is a design tool to generate beautiful & colorful mesh gradients. Generate multiple random variations of Mesh gradients along with cool color customizations. Export PNG image with custom resolution.
Built with Svelte + Vite + Sass
https://stripe.comhttps://kevinhufnagl.com/sponsors A zero-dependencies script to generate sponsors SVG from Patreon. Usage Go to https://www.patreon.com/portal/registration/register-clients to
unplugin-vue-dotenv Auto generate the corresponding .env file. Install npm i unplugin-vue-dotenv Vite // vite.config.ts import Dotenv from 'unplugin-v
Vue Storefront - Headless PWA for any eCommerce Vue Storefront is a standalone PWA storefront for your eCommerce, possible to connect with any eCommer
StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free • Open Source • Notification View Demo · Report Bug · Requ
StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free • Open Source • Notification View Demo · Report Bug · Requ
Create Chakra Project (create-chakra) ⚒ Tool to scaffold chakra apps, without wasting time. It uses existing tools like create-next-app and create-vit
🎨 Meshgrad Meshgrad is a tiny utility to generate native-CSS Mesh Gradients. Demo - meshgrad.cretu.dev Install $ npm install meshgrad Use Vanilla Jav
gradient-string Beautiful color gradients in terminal output Install $ npm i gradient-string Usage const gradient = require('gradient-string'); cons
reptiles.dev Generate colorful and temporarily identifiable SVGs with unique urls.
MeshGradient.js mesh-gradient.js is tiny utility library to generate mesh gradient based on 4 RGB colors, built with vanilla js. Installation! npm ins
Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access
Grade Demo Check it out Install Download this repo and grab the grade.js file from the /docs/dist folder. Or install from npm: npm install grade-js Us
GRADIENT-TERMINAL A CLI progam to display teminal outputs as gradients. Requirements For Installation, you will only need Node.js. Install $ git clone
chartjs-plugin-gradient Easy gradients for Chart.js This plugin requires Chart.js 3.0.0 or later. Could work with v2, but it is not supported. NOTE th
Gatsby Starter Portfolio: Cara Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Using the Gatsby Theme @lekoarts/gat
solid-cosha A solid directive for adding colorful shadows to images (based on cosha). Quick start Install it: yarn add solid-cosha Use it: import { co
ansicodes 🎨 ansi escape code generator to help make colorful command line tools i got tired of looking up ansi code tables when writing command line
Gravatar Live Demo Pre Requirement jQuery.js initialization Its very easy to initialize the plug-in Step 1: In HTML div data-avatar="text" class="ava
cosha Colorful shadows for your images. 🎨 cosha lets you add colorful shadows to your images. Try it out and look for yourself—it really couldn't be
I rally rally like this website! In fact, I have never seen code outside Apple that can generate such pictures. Maybe I'm a little superficial, but this is the only place I know so far that I can generate such pictures. So is it possible for this webpage to become a plug-in form that can be directly referenced by others? I tried to carry out this project myself, but I was not familiar with Svelte, so I gave up 😂 I would be very grateful if you could take some time to do this project ❤️
Your image file size has been reduced by 30% 🎉
| File | Before | After | Percent reduction | |:--|:--|:--|:--| | /src/assets/arrow.png | 18.27kb | 7.77kb | 57.48% | | /src/presets/preset_3.png | 252.50kb | 143.35kb | 43.23% | | /src/presets/preset_2.png | 197.15kb | 112.29kb | 43.04% | | /src/presets/preset_1.png | 293.14kb | 171.90kb | 41.36% | | /src/presets/preset_5.png | 314.54kb | 185.01kb | 41.18% | | /src/presets/preset_4.png | 347.57kb | 216.20kb | 37.80% | | /src/presets/preset_6.png | 331.70kb | 211.10kb | 36.36% | | /src/assets/arrow_full.png | 171.35kb | 152.00kb | 11.29% | | /src/assets/Group 7_3.png | 171.74kb | 153.25kb | 10.77% | | /src/assets/Group 7_2.png | 175.66kb | 156.90kb | 10.68% | | /src/assets/cube.png | 53.87kb | 49.41kb | 8.28% | | /src/assets/triangle.png | 47.85kb | 45.10kb | 5.75% | | /src/assets/sphere.png | 55.07kb | 52.04kb | 5.52% | | /src/assets/semi-torus.png | 48.65kb | 46.32kb | 4.79% | | /src/assets/prism.png | 75.59kb | 72.55kb | 4.02% | | /src/assets/image.svg | 0.24kb | 0.23kb | 2.48% | | /src/assets/cylinder.png | 36.22kb | 35.45kb | 2.11% | | /src/assets/download.svg | 0.33kb | 0.32kb | 1.80% | | | | | | | Total : | 2,591.45kb | 1,811.19kb | 30.11% |
📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace
~Imgbot - Part of Optimole family
After I change the color, it will always generate the same picture, whether the Mesh ID is the same or not.
https://user-images.githubusercontent.com/65812149/185373147-1380af8b-898a-44d8-a48b-a658d0b992e6.mov
Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We
We’re working on Vuestic UI component library, which lets you easily customize components to your own design. Get early access and receive support fro
Vue Box-shadows Collection of CSS box-shadows for every taste contains more than 100 simple, beautiful and airy shadows. Add beautiful shadow effects
Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. English | 简体中文 Features An enterprise-class UI design system for desktop
Material Design for Vue.js Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs Build well-designed app
Carbon Design System Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of worki
Keen UI Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. Keen UI is not a CSS framework. Therefore, it doesn't
vite-plugin-glob The design experiment for import.meta.glob from Vite. Motivations There are quite some scenarios that import.meta.glob wasn't conside
Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components
form-create form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions thr
![[ImgBot] Optimize images](https://avatars.githubusercontent.com/in/4706?v=4)
8.7k Jan 4, 2023
9.1k Jan 4, 2023
29 Nov 14, 2022
17.6k Jan 9, 2023
9.7k Dec 30, 2022
6.2k Jan 3, 2023
4.1k Jan 2, 2023
166 Sep 17, 2022
90 Dec 30, 2022
4.6k Jan 3, 2023