创意工具1 month ago
AssetSnip | Website Asset Extractor for Colors, SVGs, Fonts and Design Tokens
从网站提取颜色、字体、SVG 和设计 token,导出为 CSS、HTML 或 Tailwind 代码。
@Astrodevil_ · X
完整作品展
技术栈
60 projects
从网站提取颜色、字体、SVG 和设计 token,导出为 CSS、HTML 或 Tailwind 代码。
@Astrodevil_ · X
在浏览器中直接使用WebAssembly编译并预览Typst文档。
will-bradshaw · HN
Typst-WASM – Compile Typst in browsers, Node, and serverless runtimes
从 Adobe Illustrator 导入 2D 路径，在 3D 中变换并以矢量格式导出。
@kamone · X
I built (vibe coded) my own geometry engine from scratch. It keeps path as path, and does the transformation and the silhouette splitting. You can see the code here. One single html file.
提供60+个滚动驱动分区过渡效果的React库,用于现代网站。
@itz_sayan_03 · X
Ever wondered how cinematic scroll-driven websites are built? 👀 Meet SectionFlow—an open-source React library with 60+ ready-to-use section transitions, a one-command CLI, reusable sections, and optimized performance. 🚀
将任何网站转换为 Webflow 网站，保留完美布局和样式。
@elvis_cibalinda · X
Convert your #lovable site to #Webflow and scale
Merge image files horizontally, vertically, in a grid, or with smart screenshot stitching. Reorder, resize, preview, and download locally. No signup, watermark
lby910722 · V2EX
做了一个完全在浏览器本地处理的图片拼接工具： MergeImage 最近做了一个免费图片拼接工具 **MergeImage**： https://mergeimage.app/ 起因很简单：临时把截图、商品图或前后对比图合成一张时，很多在线工具需要先把原图上传到服务器，或者在导出时加水印。我想做一个打开就能用、处理边界也更清楚的小工具。 目前支持： - 最多添加 30 张 PNG 、JPEG 或 WebP - 横向、纵向、网格，以及连续截图的智能重叠拼接 - 拖拽排序、旋转、翻转、间距、背景和尺寸对齐 - 预览后导出 PNG 、JPEG 或 WebP - 图片解码、排版和编码都在当前浏览器本地完成，不需要注册，也不会添加水印 智能拼接会保守判断重复区域；如果置信度不够，会保留完整图片并退回普通纵向拼接，避免误删内容。 现在还是 MVP ，桌面端和移动端都可以直接用，也做了中文界面。欢迎试用，尤其想听听大家对长截图、网格排版和大图性能的反馈。
创建和导出 Mermaid 图表,包括流程图、ERD 和序列图
ghosts_ · HN
I've been slowly adding some new free tools to Moxie Docs (partly for SEO, partly to illustrate some of our feature sets before any commitment) for some reason this mermaid editor one blew up on Google rankings so I figured I'd share in case people find it useful! We also have ADR, AGENTS.md, LLMs, and a few other free tools.
在网络上创建和可视化设计的创意工作室OPROS Design Studio。
@OprosOlamiflex · X
Check out what I just built with Lovable!
上传SVG创建蓬松光泽贴纸，支持3D光学效果和PNG导出。
@Ammar110_SM · X
Turn any SVG into a glossy die-cut sticker you can actually peel 🎨 Built Sticker Studio entirely in Wonder, UI in Wonder Chat, live shader outlines, and Wonder's MCP piped it all into Claude Code as a real app. Try it: @usewonder #wonderchallenge
在浏览器中免费转换、压缩和编辑文件，文件不上传服务器。
@faisalhaleem · X
Just launched — free browser-based file tools runs entirely in your browser. Video to GIF (with trim slider) Merge / Split / Shrink PDF Your files NEVER leave your device. No sign-up needed. Free forever. #buildinpublic #webdev #indiedev #tools #privacy
Explore one of the largest open-source collection of shadcn dashboard kit, UI blocks, and components for React, Next.js, Tailwind CSS, TypeScript, and Supabase. Build production-re
@gupta05_vaibhav · X
浏览和下载网站项目的现成 CSS 动画。
@imdecentralized · X
How I avoid UI's that looks vibe coded: This is my inspiration store. Beyond just an existing website it has specific components and animations that you can use directly rather than asking claude to generate some based on a website. Stop the slop