Creative Tools1 month ago
AssetSnip | Website Asset Extractor for Colors, SVGs, Fonts and Design Tokens
Extract colors, fonts, SVGs, and design tokens from websites and export as CSS or Tailwind.
@Astrodevil_ · X
The full gallery
Tech stack
60 projects
Extract colors, fonts, SVGs, and design tokens from websites and export as CSS or Tailwind.
@Astrodevil_ · X
Compile and preview Typst documents directly in your browser using WebAssembly.
will-bradshaw · HN
Typst-WASM – Compile Typst in browsers, Node, and serverless runtimes
Import 2D paths from Adobe Illustrator, transform them in 3D, and export as vectors without rasterizing.
@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.
React library with 60+ scroll-driven section transitions for modern websites.
@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. 🚀
Paste a website URL to convert it into a Webflow site with pixel-perfect layout and styling preserved.
@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 ，桌面端和移动端都可以直接用，也做了中文界面。欢迎试用，尤其想听听大家对长截图、网格排版和大图性能的反馈。
Create and export Mermaid diagrams including flowcharts, ERDs, and sequence diagrams online.
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.
Craft and visualize designs in a web-based creative studio.
@OprosOlamiflex · X
Check out what I just built with Lovable!
Turn SVG designs into puffy, glossy stickers with 3D effects and export as 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
Free tools to convert, compress, and edit files directly in your browser without uploads.
@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
Browse and download ready-made CSS animations for your web projects.
@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