Web Dev | TY Lin’s Portfolio

TY Lin’s Portfolio

type

status

date

slug

summary

tags

category

icon

password

Dev idea Calpa UIUX Loaders Readdy HTML templates Elementor - Website Builder Motion Lottirlab Snapdom CSS Data Dashboard Looker studio Test Atention Insight Heatmaps Coding 查詢repo Deepsite Claudia Prompt Cursor + Claude → UI API Free Public APIs Music Dova Fonts Emfont 開源授權

Dev idea

Calpa

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

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

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

UIUX

Sidebar.io UIUX NEWS

The five best design links, every weekday.

https://sidebar.io/

Sidebar

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

Wall of Portfolios

https://www.wallofportfolios.in/

Wall of Portfolios

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.

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

https://supercolorpalette.com/

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

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.

Hana – a canvas for interactive design

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

Hana – a canvas for interactive design

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.

Loaders — A Curated Selection of Creative Loading Screens

https://www.loaders.design/

Loaders — A Curated Selection of Creative Loading Screens

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.

Readdy: Build websites that stand out | AI Website Builder

https://readdy.ai/

Readdy: Build websites that stand out | AI Website Builder

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.

Free HTML Website Templates on HTMLrev

https://htmlrev.com/

Free HTML Website Templates on HTMLrev

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/

Curated web design inspiration catalog

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/

Website Builder - Create a Website Now | Elementor

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.

Motion Graphic Design & Animation Principles Website - Zajno Digital Studio

https://motion.zajno.com/

Motion Graphic Design & Animation Principles Website - Zajno Digital Studio

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/

snapdom – HTML capture reinvented

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.

CSS Grid Generator

https://cssgridgenerator.io/

CSS Grid Generator

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.

Looker Studio Overview

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.

Attention Insight Heatmaps | AI-Driven Pre-Launch Analytics

https://attentioninsight.com/

Attention Insight Heatmaps | AI-Driven Pre-Launch Analytics

Coding

Pad.ws - web IDE

https://pad.ws/

Gittodoc

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

https://www.gittodoc.com/

Gittodoc

Deepwiki - Github Deepsearch

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.

GitPodcast - Repository to Podcast in Seconds

https://www.gitpodcast.com/

GitPodcast - Repository to Podcast in Seconds

查詢repo

AI GitHub Search

AI-powered GitHub repository search tool

AI GitHub Search

https://www.gitsearchai.com/

AI GitHub Search

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.

DeepSite | Build with AI ✨

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

DeepSite | Build with AI ✨

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/

Prompt

Cursor + Claude → UI

Muki Wu / 沐奇 (@mukiwu) on Threads

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

Muki Wu / 沐奇 (@mukiwu) on Threads

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

Muki Wu / 沐奇 (@mukiwu) on Threads

Vibe coding prompt

GPT coding prompt

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/

Public APIs — A directory of free and public apis

Music

Dova

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

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

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

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

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

Fonts

Emfont

emfont - 免費中文字體 Webfont 服務

免費中文字體 Webfont 服務

https://font.emtech.cc/

emfont - 免費中文字體 Webfont 服務

開源授權

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

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

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

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

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

Loading...