Dev idea

Calpa

Vibe Coding Idea Lab：AI 共創 × 靈感實作 × MVP 引爆場 - Calpa 的煉金工房

精選來自超過 1000 位學員、Discord 社群與線上共創活動的 idea。我們用 AI 快速落實創意，用 prompt 引爆行動，用共創測試價值。覺得有用的話，歡迎分享給更多人～

https://calpa.me/tools/ideas/

Vibecoding idea

Directory - Discover Amazing Companies 🚀

http://vibecodingshowcase.com/

UIUX

Figma-Wireframe Designer

Figma make

Figma Make: Create with AI-Powered Design Tools

Figma Make empowers you to turn ideas into reality with AI-powered design tools—generate, iterate, and build faster, all in one creative space.

https://www.figma.com/make/

Sidebar.io UIUX NEWS

Sidebar

The five best design links, every weekday.

https://sidebar.io/

Designers’ portfolios

Wall of Portfolios

Wall of Portfolios showcases the best design portfolios from UX, UI, and product designers. Explore top portfolios of the month, featuring creative and innovative designs, including dark-themed, minimal, animated/motion, and bento grid styles. Get inspired by the exceptional work of designers worldwide and find the perfect portfolio to spark your creativity. - made by Praneeth Jonnala

https://www.wallofportfolios.in/

Supercolorpalette

Super Color Palette - Shift hue, saturation, lightness, and more!

Generate color palettes from a hex with up to 24 colors! Shift hue, saturation, lightness, and more. 100% free without ads.

https://supercolorpalette.com/

Hana

Hana – a canvas for interactive design

Hana presents a new approach for interactive design. Built from scratch with performance at its core, Hana is a real-time canvas to design and animate interactive 2D experiences — from polished interfaces to dynamic visuals, and deliver to production.

https://blog.spline.design/introducing-hana

Loaders

Loaders — A Curated Selection of Creative Loading Screens

Discover inspiration for your next loading screen design with our handpicked collection of creative animations and interactions that turn user patience into pure delight. Fresh concepts for designers who believe every second of loading time is an opportunity to captivate, engage, and surprise.

https://www.loaders.design/

Readdy

Readdy: Build websites that stand out | AI Website Builder

Build your dream websites by talking with AI - no drag-and-drop needed. When you're happy, publish instantly, or export as clean code or Figma files. Perfect for small teams with limited design resources, or agencies looking to deliver 10x faster.

https://readdy.ai/

Stitch

Stitch - Design with AI

Stitch generates UIs for mobile and web applications, making design ideation fast and easy.

https://stitch.withgoogle.com/

HTML templates

HtmlRev

Free HTML Website Templates on HTMLrev

Discover free HTML website templates built with vanilla CSS, Bootstrap, Tailwind, Angular, React, Vue, Nextjs, Nuxt, Svelte, Gatsby, Astro and Laravel.

https://htmlrev.com/

Web design inspiration

Curated web design inspiration catalog

Unleash your creativity with out-of-this-world web design inspiration from across the web.

https://www.curated.design/

Elementor - Website Builder

Website Builder - Create a Website Now | Elementor

Create a website or online store, no coding needed. Elementor's Free Website Builder makes it easy for anyone. Start creating now!

https://elementor.com/

Motion

Motion Graphic Design & Animation Principles Website - Zajno Digital Studio

Motion is a website that showcases the power of UI/UX animation in conveying the mood and character of a brand.

https://motion.zajno.com/

Lottirlab

Lottielab | Create & edit Lottie animations

Create and ship animations to your products faster. Bring your websites and apps to life with the simplest editor for Lottie animations.

https://www.lottielab.com/?gad_source=1&gad_campaignid=22617395003&gbraid=0AAAAA9oAS5nJfzgxEYloZjgxoLYsRWN68

Snapdom

snapdom – HTML capture reinvented

A high-fidelity alternative to html2canvas. Export DOM to SVG, PNG, JPG with full CSS and pseudo support.

https://zumerlab.github.io/snapdom/

CSS

Grid generator

CSS Grid Generator

CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.

https://cssgridgenerator.io/

Flexbox Labs

Flexbox Labs

A visual tool for experimenting with flexbox layouts

https://flexboxlabs.netlify.app/grid

Data Dashboard

Looker studio

Looker Studio Overview

Unlock the power of your data with interactive dashboards and beautiful reports that inspire smarter business decisions.

https://lookerstudio.google.com/overview

Test

Atention Insight Heatmaps

Attention Insight Heatmaps | AI-Driven Pre-Launch Analytics

Instantly generate AI heatmaps with predictive eye-tracking technology. Boost conversions by understanding how users view your design.

https://attentioninsight.com/

Coding

Pad.ws - web IDE

Pad.ws

https://pad.ws/

Gittodoc

Gittodoc

Turn any Git repository into a simple documentation link that LLMs can easily index.

https://www.gittodoc.com/

Deepwiki - Github Deepsearch

DeepWiki

Which repo would you like to understand?

https://deepwiki.com/

Gitpodcast

GitPodcast - Repository to Podcast in Seconds

Turn any GitHub repository into an engaging podcast in seconds.

https://www.gitpodcast.com/

查詢repo

AI GitHub Search

AI-powered GitHub repository search tool

https://www.gitsearchai.com/

Deepsite

DeepSite | Build with AI ✨

DeepSite is a web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.

https://deepsite.hf.co/projects/new

Claudia

Claudia - The Elegant Desktop Companion for Claude Code

Transform your AI coding workflow with a beautiful GUI that makes managing Claude sessions, creating custom agents, and tracking usage effortless.

https://claudia.asterisk.so/

Builder.io

Builder.io: Visual Development Platform

Builder is an AI-Powered Visual Development Platform that helps teams generate, iterate, and optimize web and mobile experiences in seconds instead of sprints.

https://www.builder.io/

DailyTools

DailyTools - 開發者工具集

DailyTools 提供多種免費線上開發者工具，包含 Base64、JSON 格式化、Hash 產生器、JWT 解碼、QRCode 等。純前端處理，資料不上傳，保護您的隱私安全。

https://tools.israynotarray.dev/

Prompt

Cursor + Claude → UI

Muki Wu / 沐奇 (@mukiwu) on Threads

⬇️ 以下是我使用的 Prompt ​ 我想開發一個 AI 自動記帳 APP，現在需要輸出原形圖，請通過以下方式幫我完成 APP 所有原形圖片的設計： 1. 思考使用者需要 AI 記帳APP實現哪些功能 2. 作為產品經理來規劃這些介面 3. 作為設計師思考這些原型介面的設計 4. 使用 html 在一個頁面上產生所有的原型介面，可以使用 FrontAwesome...

https://www.threads.com/@mukiwu/post/DGw-UjwzEp4?xmt=AQF0j-dJEJnZfkQdAbVykQfIEywyIM72KSRkQKgZE5pYMQ

API

Free Public APIs

Public APIs — A directory of free and public apis

A collective list of more than 1000 Free Public and Open REST APIs for developers like movie APIs, Anime APIs, weather APIs, music APIs, games and comics APIs, currency APIs, sports APIs, science APIs, open data APIs, etc.

https://publicapis.io/

Music

Dova

フリーBGM（音楽素材）無料ダウンロード｜DOVA-SYNDROME

フリーBGM音楽素材を無料ダウンロード配布しています。商用や非商用など、用途を問わず連絡不要でご自由にご利用頂けます。[配信BGM素材数 17946曲／SE素材数 1326音 2025/6/19現在]

https://dova-s.jp/_mobile/

Fonts

Emfont

emfont - 免費中文字體 Webfont 服務

免費中文字體 Webfont 服務

https://font.emtech.cc/

開源授權

開源授權常識補充包(2024 版)-黑暗執行緒

【聲明】本文為非法律背景開發者對開源授權的不專業理解，不擔保資訊正確(如發現謬誤歡迎指正)，讀者請自行衡量風險或請教相關專家。 這年頭開發系統，你很難完全不碰開源軟體或程式庫，但開源不代表可以免費任意使用，有些開源授權條款仍需遵守才不致惹上麻煩，歷史上不乏公司因此被告的案例，例如：Cisco Lin...

https://blog.darkthread.net/blog/opensource-licenses/?fbclid=IwQ0xDSwLa_t1leHRuA2FlbQIxMQABHhxC_TpeHmDT4XTbKvInrMzvs_eoPesJS9V8uCI61sv8dk_GkZpiEkFjnrdc_aem_MOyD-7otaLgDAhzuyvAGNA

Geist https://vercel.com/font

Satoshi https://www.fontshare.com/?q

JetBrains Mono https://www.jetbrains.com/lp/mono/

Fira Code https://fonts.google.com/specimen/FiraCode

Git

repohistory - repo流量分析

Repohistory | GitHub repo analytics without 14 days limit

Repohistory is a open-source analytics platform for tracking GitHub repository traffic history longer than 14 days with beautiful visualizations.

https://repohistory.com/

Payment

Polar

Polar — Payment infrastructure for the 21st century | Polar

Payment infrastructure for the 21st century

https://polar.sh/

Mockup

Rotato

Mockup Generator & Animator 3D | Rotato

Level up with 100% custom, crisp, unlocked & unlimited iPhone, Android from 1,000,000 angles. 4K. Download free for any Mac.

https://rotato.app/

ProtoFlow

API TOOL

Hoppscotch

Hoppscotch • Open source API development ecosystem

Helps you create requests faster, saving precious time on development.

https://hoppscotch.io/