DEV Community: meetqy

Build Your Own AI Sticker Maker: Keyword in, WebP out 🎨

meetqy — Fri, 23 May 2025 09:03:15 +0000

I Built a Sticker Generator That Creates WebP Stickers from Keywords (with AI)

As a developer who loves building small AI-powered tools, I recently launched a fun project — a sticker generator that takes a simple text prompt and turns it into a WebP sticker in seconds.

No drawing skills required. Just type a keyword and get a transparent AI-generated sticker.

👉 Live Demo: https://landin.ai/tools/free-ai-sticker-maker

🧠 What It Does

The tool is super simple — and that’s the point.

You enter a prompt like:
- cute cat
- cyberpunk robot
- pixel art game controller
It sends the prompt to an AI image generation model (e.g., SDXL or DALL·E).
It processes the result and returns a WebP image with a transparent background, downloadable right away.

No login. No setup. Just open the page and start creating.

🚀 Why I Built It

I wanted a fast way to generate social-media-friendly assets like stickers.
I’m experimenting with WebP for lightweight delivery and transparent assets.
I love tools that go from "input → output" with no complexity.

Also, I wanted to explore:

AI image generation workflows
Prompt-engineering for illustrations
Exporting transparent WebP in a browser

🛠 Tech Stack

Frontend: Next.js + Tailwind CSS
AI backend: (can be Stable Diffusion API / Replicate / custom inference server)
Export: WebP with transparent background
Hosting: Vercel (or your own choice)

I focused on making the UX as minimal as possible — input box, preview area, download button.

🖼️ Sample Output

Here are some example prompts and the stickers generated:

🎯 Use Cases

Social media stickers
Telegram / Discord sticker packs
Fun design elements
Quick creative prototyping
Meme generation

📦 Try It

If you're curious, give it a spin:
👉 https://landin.ai/tools/free-ai-sticker-maker

It's open and free to use. Would love to hear your feedback!

💬 Let’s Connect

If you're building something similar, or love AI/dev tools, follow me here or reach out on Twitter/X: @meetqy

Happy creating!

ZColoring: Unleash Your Creativity with AI-Powered Coloring Tools 🎨

meetqy — Tue, 04 Mar 2025 05:48:19 +0000

Hey everyone! 👋 Excited to share a project I've been working on: ZColoring, a suite of AI-powered tools designed to make creative exploration more accessible and fun! If you're a developer who loves dabbling in design, an artist looking for new tools, or just someone who enjoys creative experimentation, I think you'll find something to love here.

✨ Core Features: Putting AI to Work for Art

ZColoring isn't just another image editor; it's designed to leverage AI for creative workflows. Here are some key features:

🎨 Professional Creative Tools:
- Image to Line Art: Turns your photos into crisp, clean line drawings – perfect for coloring books, design mockups, or just adding a unique artistic touch. It uses AI to identify edges and create visually pleasing line art.
- Color Palette Generator (Coming soon): Automatically extract harmonious color palettes from images. Think of it as your AI-powered color theory assistant!
- Style Transfer (Coming soon): Apply the style of famous artworks (or any image you choose) to your own photos. Imagine turning your selfie into a Van Gogh painting!
- Smart Coloring Assistant (Coming soon): Suggestions and assistance for choosing colors that complement your line art, helping you create visually appealing results.
🛠️ Advanced Customization:
- Professional-grade parameters: Dive deep and fine-tune the results with adjustable settings for each tool. This isn't just point-and-click; you have control!
- Real-time preview: See the effects of your adjustments instantly. No more guessing!
- High-resolution output: Download your artwork in crisp, high-quality formats suitable for printing or sharing.
- Multiple style options: Each tool offers different style variations to suit your creative vision.
📱 Premium Experience:
- Modern, intuitive interface: Built with a focus on usability, so you can get straight to creating.
- Cross-platform compatibility: Use it on your desktop, tablet, or even your phone!
- Fast processing speed: AI processing is optimized for speed, so you won't be waiting around.
- Cloud storage (Coming soon): Store your projects securely in the cloud and access them from anywhere.

🚀 Getting Started: Jump Right In!

It's super easy to get started:

Head over to zcoloring.com
Check out the available creative tools.
Select the tool you want to use.
Follow the simple, tool-specific instructions.
Download your awesome new artwork!

💡 Pro Tips: Maximize Your Creativity

High-quality sources are key: Start with the best possible images for the best results.
Experiment, experiment, experiment!: Try combining different tools and settings to find unique styles.
Save your favorite configurations: Don't lose those perfect settings!
Look for inspiration: Check out the tutorial section (coming soon!) for ideas.
Join our community: Share your creations and get feedback from other users.

🛠️ Tech Stack: Built with Modern Tools

For the tech-minded folks, here's what's under the hood:

Next.js 14: For a performant and scalable front-end.
TypeScript: For type safety and maintainability.
Tailwind CSS: For rapid UI development with a consistent design.
Next UI: For beautiful and accessible components.
AI-powered image processing: Using a blend of server-side and client-side processing for optimal performance and flexibility. I'm using some cool ML models to make it all happen! (Happy to answer questions about the specific models I'm using if you're curious!)

🙏 Shoutouts and Credits

Massive thanks to:

one-last-image for inspiration on the image processing aspects.
Next.js
Tailwind CSS
Next UI

📞 Get in Touch

Website: zcoloring.com

⚠️ Important: Copyright Notice

This software is proprietary. Unauthorized copying, modification, distribution, or use is strictly prohibited. Basically, play fair! 😊

🖼️ Automate Your Color Palettes: A Dev's Tool for Instant Image Collages & Color Extraction

meetqy — Thu, 26 Dec 2024 05:27:19 +0000

Are you tired of manually picking colors from images for your projects? As developers, we often need inspiration from existing designs, photos, or artwork. But extracting those perfect color palettes and creating visually consistent collages can be time-consuming. That's why I built a tool to streamline this process, and I think you'll find it super useful! This tool automatically extracts vibrant color palettes from your images and generates beautiful collages, all in seconds. Forget tedious color picking and get ready to boost your workflow.

Demo

Color Matching Outfit Generator: Create Perfect Fashion Color Palettes By IPalettes - YouTube

The Color Matching Outfit Generator is a powerful online tool designed to help fashion enthusiasts, designers, and anyone interested in color coordination cr...

youtube.com

Here's how this tool can level up your workflow:

Drag & Drop Image Upload: Quickly upload your PNG, JPG, or JPEG files. We handle the validation behind the scenes.
Single Image Processing Power: Analyze one image at a time for precise color extraction.
High-Resolution Output: Get stunning, pixel-perfect results thanks to 4x upscaling for export.
Automated Color Extraction: Extract the 5 most dominant colors using the ColorThief library.
RGB to HEX Conversion: Immediately get your color codes in HEX format for easy use in CSS, code, or design tools.
Real-Time Processing: See your palette and collage generated instantly.
Customizable Exports: Download high-quality PNGs with custom naming conventions.
Preserved Image Quality: Your original image remains pristine in the process.

How It Works (The Techie Stuff):

Image Loading:
- The tool uses a drag-and-drop interface or click-to-upload.
- File validation and size checks are done in real-time (no surprises!).
- Your image is converted to a base64 string for preview.
Color Extraction Magic:
- A virtual image object is created to analyze the image data.
- The color palette is extracted using the brilliant ColorThief algorithm.
- RGB values are converted to those beautiful, usable HEX codes.
Display and Export:
- The final composition, your image alongside the generated color palette, is rendered dynamically in your browser.
- The output maintains the original aspect ratio of your image.
- You can download your custom collage as a high-quality PNG.

Why You Should Use This Tool:

Brand Identity Development: Quickly extract color themes from logos or brand imagery.
Mood Board Creation for Projects: Gather inspiration and build out visual palettes for your next project.
Design System Documentation: Automatically generate color documentation from design assets.
Social Media Content (for Developers): Create consistent and visually appealing content for your dev blogs or Twitter.
Art Direction & Design Inspiration: Find new color combinations or build off existing themes.

Get the Most Out of It:

Use High-Quality Images: The better the image quality, the more precise your color extraction will be.
Lighting Matters: Choose images with good lighting to capture colors accurately.
Consider Image Composition: Different crops or compositions can yield different palettes. Experiment!
Test Different Angles/Crops: A little tweaking can yield unexpected and exciting results.
Export at Maximum Quality (always): Why settle for less when you can have pixel-perfect results?

This tool isn't just about automating a tedious task, it's about freeing up your creative brain space and letting you focus on building awesome stuff. Ready to unleash the power of color? Try out the tool today and let me know what you think in the comments! I’m excited to hear how you use it!

Try it

Collage Photo and Color Palette Generator

IPalettes - The Ultimate AI Color Palettes Generator

meetqy — Sat, 21 Dec 2024 13:20:35 +0000

Color is at the heart of every design project, whether it’s a website, a branding campaign, or an artistic creation. But finding the perfect color palette can be a time-consuming and often frustrating process. Traditional tools might limit your options or fail to deliver the inspiration you need.

That’s where IPalettes comes in—an innovative AI Color Palettes Generator designed to make color selection easier, faster, and more inspiring.

Here’s how IPalettes is transforming the way designers, artists, and creators approach color:

Generate Color Palettes with AI Based on Keywords

With IPalettes, generating the perfect color palette is as simple as entering a keyword. Whether you type “spring,” “ocean,” or “vintage,” the AI instantly analyzes the keyword and generates a set of color palettes tailored to match your theme. This removes the guesswork from color selection and helps you explore new, unexpected color combinations that align with your vision.

Detailed Color Codes for Easy Application

Each color palette generated by IPalettes comes with precise color codes (such as HEX and RGB values). This feature is especially useful for designers and developers, as it eliminates the need for manual color picking or conversions. You get everything you need to integrate the colors directly into your projects, ensuring a seamless design process.

Smart Recommendations for Similar Palettes

Finding the perfect palette doesn’t stop with one choice. IPalettes offers AI-powered recommendations for similar color palettes based on the one you’ve selected. This feature allows you to explore additional color combinations that might better suit your needs, helping you save time and discover new possibilities you may not have considered.

Search Palettes by Tags

Need a specific vibe or theme? IPalettes allows you to search for color palettes using tags like “modern,” “minimalistic,” or “vibrant.” This intuitive search functionality makes it easy to find color palettes that match specific moods, styles, or trends, ensuring you get the exact look you’re after without wasting time.

User-Friendly Interface

Whether you’re a beginner or a seasoned designer, IPalettes offers an easy-to-use platform that anyone can navigate. The clean, intuitive interface ensures that generating and managing color palettes is fast and effortless, allowing you to focus on what really matters—your creative work.

Why Choose IPalettes?

AI-Powered Creativity: Generate unique, tailored color palettes with just a few keywords.
Save Time: Skip the tedious manual work of choosing colors and let the AI do the heavy lifting.
Endless Possibilities: From recommendations to color code details, IPalettes gives you the tools to experiment and create.
Perfect for Any Project: Whether you’re designing a website, creating a logo, or working on an art project, IPalettes has you covered.

Let's Go!

IPalettes makes color selection effortless, efficient, and inspiring. It’s the ultimate tool for anyone looking to bring their creative vision to life with the perfect color palette. Visit IPalettes - The Ultimate AI Color Palettes Generator today and discover how our AI-powered platform can elevate your designs.

AISEKA Color Tool Website

meetqy — Sat, 07 Dec 2024 01:12:39 +0000

Welcome to AISEKA, a practical website dedicated to exploring and designing with colors. It offers a wide range of tools to help users understand, create, and apply color schemes. Whether you're a graphic designer, UI/UX designer, or a color enthusiast, you'll find inspiration and utility here.

🧙‍♀️ ScreenShot

Link: #E0AA00 Golden Harvest

✨ Website Features

1. Color Details

Provides comprehensive analysis for each color, including:

Color Properties: HEX, RGB, HSL, HSV, CMYK, LAB, and more.
Color Meaning: Name and description of each color (e.g., Golden Apricot is a warm and inviting tone filled with sunshine and nostalgia).
Practical Info: Includes luminosity, web-safe values, etc.

2. Color Combination Suggestions

Offers rich color matching schemes suitable for various design scenarios:

Complementary Colors
Split Complementary Colors
Triadic Colors
Tetradic Colors
Analogous Colors

Marks the best and avoidable combinations to help users create harmonious palettes quickly.

3. Gradient and Shade Generation

Automatically generates multiple:

Light Tints
Gray Shades
Dark Shades Perfect for different design needs, from soft and light palettes to deep and dramatic tones.

4. Download and Sharing Tools

Generate and download solid color images with or without HEX codes in various aspect ratios (e.g., 1:1, 16:9).
Share directly to social media platforms like Facebook and Pinterest to spread inspiration quickly.

5. Readability Evaluation

Smartly calculates the contrast ratio between text and background, providing optimal color combinations to ensure accessibility and readability.

🖌️ Applications

Brand Design: Quickly find matching primary and secondary colors for brands.
UI/UX Design: Generate readable, harmonious interface color schemes.
Interior Decoration: Offers usage suggestions to create cozy or modern interior styles.
Marketing and Promotion: Discover perfect color combinations for seasonal campaigns (e.g., summer sales, autumn themes).

🌟 Key Highlights

User-Friendly: Intuitive interface and easy-to-understand color analysis tools.
Professional Data Support: Covers multiple color standards and matching modes for professional design scenarios.
Rich Inspiration Source: Not just a tool but a library of color ideas to extend your creativity.

📢 Contact Us

For suggestions or inquiries, feel free to reach out:

Website: AISEKA Official Website

Explore the infinite possibilities of colors and make every design filled with creativity and professionalism!

my open source rao.pics. Helps you remotely access Eagle's material library

meetqy — Wed, 06 Dec 2023 02:56:04 +0000

Helps you remotely access Eagle's material library

Desktop App ScreenShots

PC Web Preview ScreenShots

Mobile Web Preview ScreenShots

Features

🎨 Over 30 color schemes to choose from, and you can also customize the theme to suit your preferences
🔌 Incremental updates and real-time synchronization, fast and no waiting required
🔐 Does not modify any of your files, generates indexes by reading, even if there is a mistake, it will not cause any harm to the metadata
🔸 Very simple, you just need to click, and you can view materials on other devices
📱 Supports mobile phones, tablets, and PCs at the same time
📌 The default theme supports PWA, you can save it as an app without opening the browser every time
🎊 Can access materials without relying on management software, and can even be deployed on Windows/MacOS servers

Repository

meetqy / rao-pics

:electron: 帮助你远程访问 Eagle 的素材库。

Rao Pics

帮助你远程访问 Eagle 的素材库

✅ 立即下载： MAC M1 ·🏃· MAC INTER ·🏃· WINDOWS

如果在macOS上安装后无法打开，报错不受信任或者移到垃圾箱，执行下面命令后再启动即可：
sudo xattr -d com.apple.quarantine /Applications/Rao\ Pics.app

特点

🎨 30 多种配色随意切换，还可以自定义主题，总有一款适合你
🔌 增量更新和实时同步，速度很快，无需等待
🔐 不会修改你的任何文件，通过读取生成索引，即使误操作，也不会对元数据造成任何伤害
🔸 很简单，你只需要点点点，就可以在其他设备上查看素材
📱 同时支持手机、平板、PC
📌 默认主题支持 PWA，你可以保存为应用，无需每次打开浏览器
🎊 无需依赖管理软件，也能访问素材，甚至可以部署在 Windows/MacOS 服务器上

默认主题 Gallery

目前已支持 WEB PWA 可直接将网页保存为 App

瀑布流	菜单	自适应

❤️ 支持

本项目已加入 Eagle 联盟营销计划，如果你正好想要购买 Eagle App - 图片收集及管理必备工具，可以点击购买支持作者 😘😘😘
如果你喜欢 Rao.Pics，可以在 Github Star，更欢迎推荐给你志同道合的朋友使用
可以关注我的 Twitter 获取到最新的消息，或添加微信 -meetqy- 拉你入群 （记得备注以下 GITHUB 哟）

其他版本

Electron 0.7.16 - 初代 Electron App
Docker - 支持 Eagle，素材库过大，同步会有些卡
Eagle Api - 让你的 eagle 拥有 api 查询能力，基于 json-server

❤️ 鸣谢

View on GitHub