Try our Chrome extension
Easily add the current web-page from your browser directly into your changedetection.io tool, more great features coming soon!
Chrome Webstore
Changedetection.io needs your support!
You can help us by supporting changedetection.io on these platforms;
- Rate us at AlternativeTo.net
- Star us on GitHub
- Follow us at Twitter/X
- G2 Software reviews
- Check us out on LinkedIn
- And tell your friends and colleagues :)
The more popular changedetection.io is, the more time we can dedicate to adding amazing features!
Many thanks :)
changedetection.io team
Henüz değil saniye önce.
False
Henüz değil saniye önce
3 saat önceTek bir anlık görüntüye git
Skip to content
Navigation Menu
Sign in Appearance settings
* Platform
+ AI CODE CREATION
o GitHub Copilot Write better code with AI
o GitHub Copilot app Direct agents from issue to merge
o MCP Registry Integrate external tools
+ DEVELOPER WORKFLOWS
o Actions Automate any workflow
o Codespaces Instant dev environments
o Issues Plan and track work
o Code Review Manage code changes
o Code Quality Enforce quality at merge
+ APPLICATION SECURITY
o GitHub Advanced Security Find and fix vulnerabilities
o Code security Secure your code as you build
o Secret protection Stop leaks before they start
+ EXPLORE
o Why GitHub
o Documentation
o Blog
o Changelog
o Marketplace
View all features
* Solutions
+ BY COMPANY SIZE
o Enterprises
o Small and medium teams
o Startups
o Nonprofits
+ BY USE CASE
o App Modernization
o DevSecOps
o DevOps
o CI/CD
o View all use cases
+ BY INDUSTRY
o Healthcare
o Financial services
o Manufacturing
o Government
o View all industries
View all solutions
* Resources
+ EXPLORE BY TOPIC
o AI
o Software Development
o DevOps
o Security
o View all topics
+ EXPLORE BY TYPE
o Customer stories
o Events & webinars
o Ebooks & reports
o Business insights
o GitHub Skills
+ SUPPORT & SERVICES
o Documentation
o Customer support
o Community forum
o Trust center
o Partners
View all resources
* Open Source
+ COMMUNITY
o GitHub Sponsors Fund open source developers
+ PROGRAMS
o Security Lab
o Maintainer Community
o Accelerator
o GitHub Stars
o Archive Program
+ REPOSITORIES
o Topics
o Trending
o Collections
* Enterprise
+ ENTERPRISE SOLUTIONS
o Enterprise platform AI-powered developer platform
+ AVAILABLE ADD-ONS
o GitHub Advanced Security Enterprise-grade security features
o Copilot for Business Enterprise-grade AI features
o Premium Support Enterprise-grade 24/7 support
* Pricing
Type / to search
Sign in
Sign up Appearance settings
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Uh oh!
There was an error while loading. Please reload this page.
tldraw / tldraw Public
* Notifications You must be signed in to change notification settings
* Fork 3.5k
* Star 49.8k
* Code
* Issues 359
* Pull requests 94
* Pull requests 96
* Actions
* Projects
* Security and quality 0
* Insights
Additional navigation options
* Code
* Issues
* Pull requests
* Actions
* Projects
* Security and quality
* Insights
main
Branches Tags
Go to file
Code
Open more actions menu
Folders and files
Name Name Last commit message Last commit date
Latest commit
History
6,207 Commits
6,207 Commits
.agents .agents
.claude .claude
.cursor-plugin .cursor-plugin
.cursor .cursor
.github .github
.husky .husky
.vscode .vscode
.yarn/ patches .yarn/ patches
apps apps
assets assets
internal internal
packages packages
skills skills
templates templates
.dockerignore .dockerignore
.gitignore .gitignore
.ignore .ignore
.oxfmtrc.json .oxfmtrc.json
.oxlintrc.json .oxlintrc.json
.prettierignore .prettierignore
.prettierrc .prettierrc
.yarnrc.yml .yarnrc.yml
AGENTS.md AGENTS.md
CLA.md CLA.md
CLAUDE.md CLAUDE.md
CODE_OF_CONDUCT.md CODE_OF_CONDUCT.md
COMPANY.md COMPANY.md
CONTRIBUTING.md CONTRIBUTING.md
FAQ.md FAQ.md
LICENSE.md LICENSE.md
README.md README.md
RELEASES.md RELEASES.md
SECURITY.md SECURITY.md
TRADEMARKS.md TRADEMARKS.md
VOICE.md VOICE.md
lazy.config.ts lazy.config.ts
lerna.json lerna.json
package.json package.json
socket.yml socket.yml
tsdoc.json tsdoc.json
vitest.config.ts vitest.config.ts
yarn.config.cjs yarn.config.cjs
yarn.lock yarn.lock
View all files
Repository files navigation
*
* README
* Code of conduct
* Contributing
* License
* Security
More items
Build infinite canvas apps in React with the tldraw SDK.
Docs · Examples · Starter kits
Feature highlights
tldraw provides a feature-complete infinite canvas engine designed to be the foundation for any canvas app. Create custom shapes, tools, bindings and UI components for a custom experience. Use the default whiteboarding tool set or use the library's primitives to build entirely new shapes and interactions.
* Multiplayer — self-hostable real-time collaboration with @tldraw/sync
* Drawing and diagramming — pressure-sensitive drawing, geometric shapes, rich text, arrows, snapping to shapes, edge scrolling, image and video support, image export
* Runtime API - drive the canvas at runtime with the Editor API
* Fully extensible — custom shapes, tools, bindings, UI components, side effects, and event hooks
* AI integrations — canvas primitives for building with LLMs
* DOM canvas — web rendering supports anything the browser supports, including embedded websites from YouTube, Figma, GitHub, and more
* Broad support — works in any browser across desktop, touch screens, tablets, and mobile devices
Who's using tldraw
The tldraw SDK powers canvas experiences in products from Google, Shopify, BlackRock, Autodesk, ClickUp, Replit, Google Stitch, Luma, Runway, Padlet, Mobbin, Jam, Craft, Honeycomb, SchoolAI, Brisk, CADChat, bigpi, Genio, Pollination, Legendkeeper, Matilda, Aries, Alai, Dirac, and many more.
See our showcase for case studies on how teams build with tldraw.
Quick start
Install the tldraw package:
npm i tldraw
Then, use the <Tldraw /> component in your React app:
import { Tldraw } from 'tldraw'
import 'tldraw/tldraw.css'
export default function App() {
return (
<div style={{ position: 'fixed', inset: 0 }}>
<Tldraw />
</div>
)
}
Starter kits
Starter kits provide the custom shapes, tools, and user interface needed for common applications. Each kit is MIT-licensed. Hack together a prototype, build out an app on top, or reference the code in a larger project.
Start building with:
npx create-tldraw@latest
* Multiplayer — self-hosted real-time collaboration powered by @tldraw/sync and Cloudflare Durable Objects, the same stack behind tldraw.com
* Agent — AI agents that read, interpret, and modify canvas content
* Workflow — drag-and-drop node builder for automation pipelines, visual programming, and no-code platforms
* Chat — canvas-powered AI chat where users sketch, annotate, and mark up images alongside conversations
* Image pipeline — node-based builder for image generation pipelines
* Branching chat — AI chat with visual branching, letting users explore and compare different conversation paths
* Shader — WebGL shaders that respond to canvas interactions
Local development
The development server runs the examples app at localhost:5420. You'll need Node.js ^20.0.0. Clone the repo, then enable corepack for the correct yarn version:
npm i -g corepack
Install dependencies and start the dev server:
yarn
yarn dev
Documentation
Documentation for the most recent release can be found on tldraw.dev/docs, including reference docs. Our release notes can be found here.
For more agent-friendly docs, see our LLMs.txt.
From 5.1.x onward, published packages also include a DOCS.md file with the appropriate docs-site content and a generated RELEASE_NOTES.md file with versioned release notes. If you or your coding agent need release notes for your installed version specifically, check these files alongside the source in your node_modules folder.
Community
* Discord — questions, feedback, and discussion
* Twitter/X — news and updates
* Submit an issue — bug reports and feature requests
Contributing
We are not accepting contributions at this time. If you've found a bug or have a feature request, please create an issue and we can discuss it there. See our contributing guide for details.
License
The tldraw SDK is provided under the tldraw license. You can use the SDK freely in development. Production use requires a license key. Visit tldraw.dev to learn more.
Trademarks
Copyright (c) 2024-present tldraw Inc. The tldraw name and logo are trademarks of tldraw.
Please see our trademark guidelines for info on acceptable usage.
Contributors
Star history
About
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
tldraw.dev
Topics
canvascollaborationdesigndiagramdrawinginfinitemultiplayerreactsdksketchsyncwhiteboard
Resources
Readme
License
Code of conduct
Code of conduct
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
49.8k stars
Watchers
168 watching
Forks
3.5k forks
Report repository
Releases
Used by
Contributors
Languages
Footer
© 2026 GitHub, Inc.
Footer navigation
* Terms
* Privacy
* Security
* Status
* Community
* Docs
* Contact
* Manage cookies
* Do not share my personal information
You can’t perform that action at this time.
İpucu: Paylaşmak veya yoksayma listelerine eklemek için metni vurgulayın.
— Download difference patch
Şimdilik, Farklar grafiksel olarak değil metin üzerinde gerçekleştirilir, yalnızca en son ekran görüntüsü mevcuttur.
Ekran görüntüsü için Playwright/WebDriver'ın etkinleştirilmesi gerekir