AI UI Generator

Onlook

Onlookは、デザイナーが本番のReactコードベースをそのまま編集できるオープンソースのビジュアルエディタ。2024年7月にHacker Newsで1位になり、GitHubスターは2万7千近くまで積み上がった。2026年は、Mac上で動くデスクトップアプリとして、Claude CodeやChatGPTと並走しながら実コードを直接いじる形に軸足を移している。

US · 2024 年 · 出典 19

#YC W25#local-first#動画マーケティング

Web Design

Relume

Relumeは、AIでsitemapとwireframeを作り、Figma・Webflow・Reactへつなげるmarketing site制作platform。component libraryとpublish機能を組み合わせ、デザイナーとマーケターがサイトを公開するまでの反復を短くする。

Australia · 2020 年 · 出典 13

#Webflow#AI#Bootstrapped

DevTool

shadcn/ui

shadcn/uiは、Reactなどのframework向けUI componentをnpm packageのブラックボックスではなく、利用者のrepoへsource codeとして配布するopen-codeのdesign system基盤です。CLI、theme、registryを通じて、componentを自分のコードとしてcustomizeできます。

United States · 2023 年 · 出典 19

#Design System#TypeScript#Developer Tools

DevTool

Docusaurus

Docusaurusは、MarkdownとReactを使ってドキュメントサイトやブログを構築・versioning・多言語化できるopen-source static-site generator。MetaのOSSプロジェクトを含む開発チームが、contentに集中できる公開基盤を提供する。

United States · 2017 年 · 出典 15

#opensource#Developer Tools#Documentation

DevTool

Tremor

ReactとTailwind CSSでdashboardを構築するOSS component library。chart・metric・tableなど35以上のcomponentsをcopy-and-pasteで提供。

US · 2022 年 · 出典 12

#Open Source#Dashboard#Tailwind CSS

DevTool

Wasp

Waspは、React・Node.js・Prismaを一つの高レベルなTypeScript仕様で接続し、認証・background jobs・型安全なRPC・deploymentまでを少ないboilerplateで組み立てるopen-source full-stack framework。

Croatia / United States · 2021 年 · 出典 14

#Open Source#TypeScript#Node.js

DevTool

Refine

RefineはReactでadmin panel、dashboard、CRMなどのinternal toolsを作るためのopen-source framework。data providerやauth、UI integrationを組み合わせ、既存APIから自社で保守できるReact codeを生成・構築できる。

United States · 2021 年 · 出典 13

#Internal Tools#Developer Tools#OSS

Design Tool

tldraw

React向けの無限キャンバスSDK。ホワイトボード、共同編集、AI canvasなど空間的なWeb体験を組み込める。

United Kingdom · 2022 年 · 出典 13

#Open Source#collaboration#Developer Tools

DevTool

React Email

ReactとTypeScriptでメールを作り、既存のメールHTML開発の複雑さを減らすOSSコンポーネント・開発環境。Resendとの統合も提供する。

US · 2022 年 · 出典 12

#email#Open Source#TypeScript