#GitHub #Design #Tool #Image

Mini-Cover - 简洁的在线生成封面网站

一个简洁的在线生成封面网站，专为博客、短视频、社交媒体等生成个性化封面。

支持自定义图标、背景、阴影、标题、水印等选项，并一键生成下载。

GitHub

GitHub - JLinMr/Mini-Cover: Mini-Cover：简洁的在线生成封面网站，专为博客、短视频、社交媒体等生成个性化封面

Mini-Cover：简洁的在线生成封面网站，专为博客、短视频、社交媒体等生成个性化封面. Contribute to JLinMr/Mini-Cover development by creating an account on GitHub.

#GitHub #Tool #Image #Design

Logo.surf - 在线生成 LOGO

输入任意字符或者emoji，可以快速生成一个 Logo

🌐GitHub 地址

#GitHub #Tool #Design #URL #RePost

DGM.js - 具有智能形状的开源无限画布

一个开源无限画布，支持智能图形、实时协作、多页面、手绘风格以及导出为图片和 JSON 的功能。

它包含 React 组件，适合创建交互式白板、草图应用等。

Message link

https://heropatterns.com/

一个生成 SVG 底纹素材的工具

#URL #Design

Heropatterns

Hero Patterns

A collection of repeatable SVG background patterns for you to use on your digital projects.

https://telegra.ph/%E8%AE%BE%E8%AE%A1%E8%B5%84%E6%BA%90%E5%90%88%E9%9B%86-08-25

# 设计资源合集

## 动画示例
- [uiGradients](https://uigradients.com): 渐变效果合集
- [Animista](https://animista.net): CSS3 动画效果合集

## 动效库
- [GSAP](https://gsap.com/): 专业的 JS 动效库，闭源
- [motion](https://motion.dev/): Framer 出的 framer-motion JS 网络动画开源库
- [popmotion](https://popmotion.io/): React 社区常用的开源动效库
- [useAnimations](https://www.webinteractions.gallery/): 非常全面的 icon 动效网站，底层使用 Lottie 的方式来渲染。
- [meteocons](https://bas.dev/work/meteocons):开源带动效的天气图标, 每种样式都包括动画和静态 SVG 文件。


## 插图库
- [illustrationkit](https://illustrationkit.com/): 开源插画集合，包含110多个场景和55+人物角色，可免费用于个人和商业项目中。
- [StorySet](https://storyset.com/): 免费的矢量插画合集。
- [unDraw](https://undraw.co/illustrations): 一个扁平化插画图库,支持下载SVG和PNG格式，可用于商业用途。
- [Open Doodles](https://www.opendoodles.com/): 涂鸦类型的插画集, 来自墨西哥设计师 Pablo Stanley 的最新免费插画资源,可用于商业用途。
- [openpeeps](https://www.openpeeps.com): 一个手绘插画库，用于创建人物场景，可免费用于个人和商用项目中。
- [Avataaars](https://avataaars.com/): 免费Sketch头像插画素材库。
- [Irasuton](http://www.irasuton.com): 提供了80多个分类的插画素材，可免费用于个人和商业项目中。
- [Girlysozai](http://girlysozai.com): 日本可爱手绘插画素材,Girlysozai网站上提供了人物、花、生物、食物等分类的手绘插画素材，可免费用于个人和商业项目中。
- [404 illustrations](https://error404.fun): 免费可商用的404插画素材, 网站上有23个PNG和SVG格式的404插画可用在web和移动端的不同场景中，同时这些插画可以免费用在商业和个人项目中。

## 图标库
- [iconify](https://iconify.design/): 超全的图标库，支持各种格式。
- [unicornicons](https://unicornicons.com/): 动态的图标库，非常适用于 hover 图标时的效果
- [iconbuddy](https://iconbuddy.app/)
- [fontawesome](https://fontawesome.com/icons)
- [MingCute](https://www.mingcute.com/)

## Logo 生成
- [iconbuddy](https://iconbuddy.app/logo-maker)
- [iconray](https://icon.ray.so/)
- [logodiffusion](https://logodiffusion.com/)
- [icon horse](https://icon.horse/)
- [favicon generator](https://realfavicongenerator.net/)

## Figma 资源
- [VectorTo3D 插件](https://www.figma.com/community/plugin/1264600219316901594/vector-to-3d)
- [Figma Resource](https://github.com/figma/plugin-resources?tab=readme-ov-file)

## 设计学习资源
- [5 课时让你掌握 Lottie 动画](https://heyjerio.notion.site/5-Lottie-83321ca1ab0e4687a49088b79f3d43a7)

## 动效设计网站 Galley
- [appmotion](https://appmotion.design): App 动效设计的汇集网站
- [webinteractions](https://www.webinteractions.gallery): 网页动效设计 Gallery

## 优秀设计网站分享
- https://toyfight.co/services


via https://github.com/YOYZHANG/design-material

#GitHub #Design #Tool #URL

Telegraph

设计资源合集

## 动画示例 - [uiGradients](https://uigradients.com): 渐变效果合集 - [Animista](https://animista.net): CSS3 动画效果合集 ## 动效库 - [GSAP](https://gsap.com/): 专业的 JS 动效库，闭源 - [motion](https://motion.dev/): Framer 出的 framer-motion JS 网络动画开源库 - [popmotion](https://popmotion.io/):…

https://github.com/hua1995116/awesome-ai-painting

#AI #Design #GitHub

AI绘画资料合集（包含国内外可使用平台、使用教程、参数教程、部署教程、业界新闻等等） Stable diffusion、AnimateDiff、Stable Cascade 、Stable SDXL Turbo

GitHub

GitHub - hua1995116/awesome-ai-painting: AI绘画资料合集（包含国内外可使用平台、使用教程、参数教程、部署教程、业界新闻等等） Stable diffusion、AnimateDiff、Stable Cascade…

AI绘画资料合集（包含国内外可使用平台、使用教程、参数教程、部署教程、业界新闻等等） Stable diffusion、AnimateDiff、Stable Cascade 、Stable SDXL Turbo - hua1995116/awesome-ai-painting

https://ideogram.ai
更新后比之前更强了🎉
#AI #Design #URL

Ideogram: Image Generation for Everyone

Ideogram is a free-to-use AI tool that generates realistic images, posters, logos and more.

常见场景的开源邮件模板：

👉 https://react.email/examples

#Design #URL #Tool

react.email

Examples — React Email

Open source templates built with React Email

#Design #Image #Tool #URL

免登录免费 AI 生成 icon ，一次生成最多15个方案

https://perchance.org/ai-icon-generator

perchance.org

AI Icon Generator (free, no sign-up, no watermark)

AI icon maker. Create an icon for your app, Discord server, website, YouTube channel, app folders, Android custom icons, or anything else. Can do flat style, 3D style, grids of icons, game art icons, aesthetic, cyberpunk, or any other style you can imagine.…

#RePost #Tool #URL #DevOps #Design #Image

🧑🏻‍💻 ray.so：Raycast 提供的开源工具合集

🔗：Web | GitHub

在三年前我们就介绍过了这个网站，但当时它功能比较单一，也并未开源。直到最近再次打开，才发现变化这么大，感谢 Raycast 的无私馈赠！

1️⃣ Code Images

代码生成图片相关的项目我们介绍过不少了，而它也恰好是 Raycast 为这个合集做的第一个功能。此前自留地详细 介绍 过，就不多啰嗦了

2️⃣ Icon Maker

基本是我见过最方便好用的图标生成器。用户可以选择预设的图标内容，并自定义各种样式，也可以选择自行上传图表内容，自由度很高

我想这个图标生成器，主要是为 Raycast Extensions 准备的

3️⃣ Prompts / Presets

这两个部分主要是设置一些场景，并为我们提供一些预设和关键词，以帮助我们更好地使用 AI 达到自己的生成目的。除了在这个网页上查看，你还可以将这些预设添加到你的 Raycast App

4️⃣ Snippets

这个部分整理了一些字符和常用的代码段落，方便你快速调用。同样的，除了在这个网页上查看，你还可以将这些符号和段落添加到你的 Raycast App

5️⃣ Themes

在这里，你可以随心所欲地定制你的 Raycast App 界面样式，并选择将它们保存或直接应用于自己的 App

👀 总的来讲，ray.so 中大多数工具都是为 Raycast 服务的，但它们开源、美观、易用，为同类型的工具树立了一个标杆

📘 关联阅读：

1️⃣ Raycast 插件开发简明体验

2️⃣ 教你做一张 Raycast 风格的壁纸

Message link

https://mobbin.com/
Web/App UI/UX 库
#URL #Design #Tool

Mobbin

Mobbin - The world’s largest mobile & web app design reference library

Save hours of UI & UX research with our library of 300,000+ fully searchable mobile & web app screenshots.

#Tools #Web #Design #GitHub情报

🏞 分享近期火热的几个「文生图」网页

近期在 X 上看到人们重新对「文生图」的产品形式产生了兴趣，网页的特色是用比较复古的字体、醒目的排版呈现文字，有人称之为现代「大字报」

1️⃣ SlothCard Generator

🔗：GitHub | Web

它有着令人舒适的字体，你只管往上面打字，就能够获得一个随机的生成效果。不过需要注意的是，网页并不支持更细致的样式自定义。如果你对当前的排版不满意，就疯狂点击「随机刷新」按钮吧

2️⃣ Slogan

🔗：GitHub | Web

Slogan 相比于 SlothCard Generator，就多了许多样式自定义的功能，你可以对字体、颜色、排版、背景等方面做出个性化决定

3️⃣ Retro Card

🔗：Web

Retro Card 相比前两者，内置了许多搭配好的主题，排版内容也比较模块化（固定）。大家可以根据自己的喜好进行选择

🧑🏻‍💻 很高兴看到许多开发者针对复古「文生图」这个需求，短时间创作出这么多项目，这就是编程的魅力。听说一些项目是根据 AI 生成的，希望以后看到越来越多这样的解决案例

💬 也欢迎大家留言，分享你看到的「文生图」项目

📘 关联阅读：

1️⃣ Poet.so：精美的 Twitter 分享卡片
2️⃣ 小作卡片：快速制作社交媒体图片，美化你关心的内容

频道：@NewlearnerChannel

可能是最全的免费 Tailwind CSS Component 合集

#RePost #Design #DevOps

刚推出时没重视，最近工作需要疯狂补课 Tailwind 和 NextJs 、Remix ，于是整理了目前见到可用的 Tailwind Components 和 Templates ，主流框架基本都支持，希望有用。

免费的 Tailwind CSS Component 合集：

1. shadcn/ui: https://ui.shadcn.com
2. daisyUI: https://daisyui.com/
3. Sailboat UI: https://sailboatui.com/
4. Preline UI: https://preline.co/
5. tailbits: https://www.tailbits.com/
6. Tailwind Toolbox: https://www.tailwindtoolbox.com/
7. Tailwind Awesome: https://www.tailwindawesome.com/
8. Meraki UI: https://merakiui.com/
9. Flowbite: https://flowbite.com/
10. LangUI: https://www.langui.dev/
11. cruip: https://cruip.com/
12. Tailspark: https://tailspark.co/
13. Tailsc: https://tailsc.com/
14. TailGrids: https://tailgrids.com/
15. React Suite: https://rsuitejs.com/
16. React Bootstrap: https://react-bootstrap.github.io/
17. Semantic UI React: https://react.semantic-ui.com/
18. Mantine: https://ui.mantine.dev/
19. NextUI: https://nextui.org/
20. TailBlocks: https://tailblocks.cc/
21. MAMBA UI: https://mambaui.com/
22. Shuffle for Tailwind: https://tailwind.build/
23. tailkits: https://tailkits.com/
24. tailkits: https://tailkits.com/
25. HyperUI: https://www.hyperui.dev/
26. Easy Frontend: https://easyfrontend.com/
27. HeadlessUI: https://headlessui.com/
28. tailwind UI: https://headlessui.com/
29. TW Elements: https://tw-elements.com/
30. UIVerse: https://uiverse.io/
31. Chakra UI: https://v2.chakra-ui.com/
32. Material Tailwind: https://www.material-tailwind.com/
33. Radix: https://www.radix-ui.com/
34. Use UI: https://useui.com/
35. Myna UI: https://mynaui.com/

支持直接复制粘贴的：

1. shadcn/ui: https://ui.shadcn.com
2. LangUI: https://www.langui.dev/
3. TailBlocks: https://tailblocks.cc/
4. MAMBA UI: https://mambaui.com/
5. Shuffle for Tailwind: https://tailwind.build/
6. tailkits: https://tailkits.com/
7. tailkits: https://tailkits.com/
8. HyperUI: https://www.hyperui.dev/
9. Easy Frontend: https://easyfrontend.com/
10. Myna UI: https://mynaui.com/
11. CSS to Tailwind: https://transform.tools/css-to-tailwind
12. Tailwind Play: https://play.tailwindcss.com/

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

#Design #Tool #URL

分享一个非常好用的插画工具网站：https://storyset.com

可以免费商用。可选择任意的插画，进行调整，包括：改变插画的图层组件、各种颜色、动画效果、动画时长等，导出的时候格式包括：svg png gif mp4 等。

Storyset

Storyset: Customize, animate and download illustration for free

Edit and animate all our customizable illustrations to enhance your projects totally free. Start now to be creative in our online editor ✅

#RePost #Design #URL

🔠 Free Faces：收集互联网上免费的英文字体

🔗：Web

🧑🏻‍💻 相信大家之前已经看过各种各样的中文免费字体汇总网站，今天来分享一个网页设计做得蛮不错的英文免费字体网站 Free Faces

💡 网页对常见的几种英文字体形式进行了分类，你可以快速找到对应的衬线字体、无衬线字体、手写字体、等宽字体合集

👀 针对每个字体，网站都详细介绍了字体样式、授权类型、特点风格和适用场景，你可以前往字体原页面进一步了解。需要注意的是，授权类型有个人免费使用、可商用和 SIL 开源字体许可等，请注意辨别

🤩 网站创始人 Simon Foster 也是一名互联网设计师，他希望通过 Free Faces 这个项目，将更多免费美观的字体介绍给大家。如果你在其中找到了合适的字体，欢迎用于自己的网站或排版印刷中

📘 关联阅读：

1️⃣ 字體資料庫：收集各种与中文字型设计相关的资源

2️⃣ 俯视可变字体 —— 从删除线到默默无闻 MVAR

Message link

#RePost #Design #Tool #URL

🖌 **LogoCook - 在线免费 Logo 生成工具**

▎网站功能：Logo 生成

▎网站介绍：一个完全免费的在线 Logo 生成工具，支持自定义图标、文字、大小、角度、边框、阴影、边角弧度等选项，简单易用。

▎网站网址：**点击打开**

Message link

#RePost #Design #Tool #GitHub

🌐 **快图设计 - 开箱即用的 web 图片编辑器**

▎项目功能：图片编辑器

▎项目介绍：一个基于 fabric.js 和 Vue 开发的插件化图片编辑器，可自定义字体、素材、设计模板、右键菜单、快捷键。

▎项目亮点：

⏺插件化架构

可自定义素材、右键菜单、快捷键等功能，易扩展

⏺简洁易用

以轻量、简洁为主的图形编辑器，而非大而全的在线 PS 类的重行设计工具

⏺功能齐全

自定义模板、渐变、自定义字体等功能，满足轻量图片编辑场景

▎项目地址：**点击打开**

Message link

#RePost #Design #Tool #URL

😀 **fabritor - 开源多功能创意图片编辑器**

▎网站功能：图片编辑器

▎网站介绍：一款基于 fabricjs 的开源创意图片编辑器，旨在让开发者快速构建属于自己的图片编辑器。

可应用于海报设计、小红书公众号封面设计、banner 设计等场景。

▎网站网址：**点击打开**

Message link

免费可商用AI 图库 —https://www.lummi.ai/

免费可商用AI 图库 — Lummi

国外免费设计资源导航 — Pikfre

#RePost #Design #URL #Free #AI

Message link

www.lummi.ai

Lummi — Free AI Stock Images & Pictures

Browse our collection of unique, royalty-free AI stock photos. Perfect for all your creative projects, each image is crafted by our community of talented digital artists.

#RePost #Design #DevOps #URL

🌐 **Easy Frontend - 一个提供免费网页 UI 组件的网站**

EasyFrontend 提供了 700 + 个免费 UI 组件，适用于 Bootstrap、React JS 和 Tailwind CSS

可以通过在线编辑器快速构建网站，还可以导出资源，分享预览链接

非常适合独立开发者快速开发

Message link