Bookmarks
Değerli bulduğum faydalı kaynaklar, makaleler, araçlar ve ilham koleksiyonu. Kolay keşif için kategorilere göre düzenlenmiştir.
Rozenite
rozenite.devBuild powerful debugging tools and custom panels for React Native DevTools with type-safe, isomorphic communication
System Design Interview – An insider's guide: Xu, Alex: 9798664653403: Amazon.com: Books
amazon.comSystem Design Interview – An insider's guide [Xu, Alex] on Amazon.com. *FREE* shipping on qualifying offers. System Design Interview – An insider's guide
opcode - The Elegant Desktop Companion for Claude Code
opcode.shTransform your AI coding workflow with a beautiful GUI that makes managing Claude sessions, creating custom agents, and tracking usage effortless.
Displaying live data with Live Activities | Apple Developer Documentation
developer.apple.comDisplay up-to-date data and offer quick interactions in the Dynamic Island, on the Lock Screen, in CarPlay, and on a paired Mac or Apple Watch.
Lazy poking ai on X: "Let the Claude code summon you when needed: Nice addition to @levelsio workflow with remote server running Claude code. 1. Ask it to help you with creating a telegram bot 2. In global https://t.co/cAORcvJceP say that it can notify you about any urgent matters using the https://t.co/c2GszE8QEi" / X
x.comNice addition to @levelsio workflow with remote server running Claude code. 1. Ask it to help you with creating a telegram bot 2. In global https://t.co/cAORcvJceP say that it can notify you about any urgent matters using the
Ray Fernando on X: "Claude has been holding back on you. There's a hidden 'thinking mode' that makes it 10x better at solving hard problems and it's just one setting away. Here's how to unlock Claude's actual brain: enabling MAX_THINKING_TOKENS in your .claude/settings.local.json https://t.co/ZhUAxcmpqv" / X
x.comThere's a hidden 'thinking mode' that makes it 10x better at solving hard problems and it's just one setting away. Here's how to unlock Claude's actual brain: enabling MAX_THINKING_TOKENS in your .claude/settings.local.json
Demir Bülbüloğlu on X: "Apple Dev. Hesap Açma Rehberi: Apple Dev. hesabı açarken çok fazla kişi sorun yaşıyor(kimisi ödeme adımında kimisi ise hesap bilgilerini doğrulama adımında), bu sorunu taze taze iki adımda da yaşayanlardan biri olarak adım adım nasıl bu süreci biraz daha hızlı ve sorunsuz bir" / X
x.comApple Dev. hesabı açarken çok fazla kişi sorun yaşıyor(kimisi ödeme adımında kimisi ise hesap bilgilerini doğrulama adımında), bu sorunu taze taze iki adımda da yaşayanlardan biri olarak adım adım nasıl bu süreci biraz daha hızlı ve sorunsuz bir
Claude Code Templates - Ready-to-use configurations
aitmpl.comBrowse and install Claude Code configuration templates for different languages and frameworks. Includes 100+ agents, 159+ commands, 23+ MCPs, and 14+ templates.
Ivan | AI | Automation on X: "This guy is genius… Someone gave Claude 4 Sonnet one mega prompt and now it runs his entire marketing engine: → Research → SEO → Ad copy → Content → Strategy Here’s the exact prompt (steal it): https://t.co/5nYnE8n7fC" / X
x.comSomeone gave Claude 4 Sonnet one mega prompt and now it runs his entire marketing engine: → Research → SEO → Ad copy → Content → Strategy Here’s the exact prompt (steal it):
Vibe Coding 101 - Yeni Başlayanlar İçin Anlam Rehberi
continuous-freckle-cb2.notion.siteA tool that connects everyday work into one space. It gives you and your teams AI tools—search, writing, note-taking—inside an all-in-one, flexible workspace.
Joe Bell on X: "If your app contains multiple scroll containers, consider adding `overscroll-behavior: none` to your html/body to prevent "page bounce" before → after https://t.co/XG7AySCyus" / X
x.combefore → after
ReUI on X: "Free @shadcn File Upload component with 7 advanced examples: - Drag & drop upload - Multi-file support - Grid, table & cover layouts - Upload progress & status - Error handling & retry https://t.co/457oknUkoz" / X
x.com- Drag & drop upload - Multi-file support - Grid, table & cover layouts - Upload progress & status - Error handling & retry
tscircuit - Design Electronics with React Components
tscircuit.comCreate electronic circuits using React components. Free open-source electronics design tool.
Pattern Craft - Modern Background Patterns & Gradients Snippets
patterncraft.fun100+ curated CSS background patterns and gradients. Tailwind CSS ready, responsive, and free to use. Perfect for modern web design.
Stop Re-Rendering — TanStack DB, the Embedded Client Database for TanStack Query | TanStack Blog
tanstack.comYour React dashboard shouldn't grind to a halt just because one TODO turns from ☐ to ☑. Yet every optimistic update still kicks off a cascade of re-renders, filters, useMemos and spinner flashes. If y...
Precompiled React Native for iOS: Faster builds are coming in 0.81
expo.devReact Native 0.81 introduces precompiled iOS builds, cutting compile times by up to 10x in projects where React Native is the primary dependency.
Mastering Context Engineering with Claude (Do This Now)
youtube.com🚀 The COMPLETE Context Engineering Masterclass - FREE Template Included!This is THE definitive guide to context engineering - the revolutionary method that'...
Reanimated 4 Stable Release — the Future of React Native Animations
blog.swmansion.comWe are publishing first stable version of Reanimated 4.0. Read to learn what’s new in this release and why it is so important.
Lee Robinson on X: "Do AI models get "dumber" over time? I can see why it might feel that way. But there's actually a simpler explanation: context! Understanding what context is and how to manage it will help you get higher quality output from models. And it's actually more approachable to https://t.co/C1t4tiR7Eg" / X
x.comI can see why it might feel that way. But there's actually a simpler explanation: context! Understanding what context is and how to manage it will help you get higher quality output from models. And it's actually more approachable to
Expo + RevenueCat: The fastest way to make money with your app
expo.devAdd in-app subscriptions to your Expo app with RevenueCat. Follow this guide to install SDKs, set up stores, and launch a custom paywall in minutes.
Ders 0: Sıfırdan LLM Geliştirme Tanıtım Videosu
youtube.com🔍 Bu kursta neler bulacaksınız?✅ Tokenleştirme, embedding, attention gibi temel kavramlar✅ Kodların satır satır açıklaması✅ Google Colab ortamında çalışılab...
Ahmetshbzz/anthropic-turkce-courses
github.comContribute to Ahmetshbzz/anthropic-turkce-courses development by creating an account on GitHub.
JSON Crack | Transform your data into interactive graphs
jsoncrack.comJSON Crack Editor is a tool for visualizing into graphs, analyzing, editing, formatting, querying, transforming and validating JSON, CSV, YAML, XML, and more.
The most comprehensive course on PostgreSQL - Mastering Postgres
masteringpostgres.comThe most comprehensive course on PostgreSQL. Lifetime access to all videos in the Mastering Postgres course.
cursor-rules/general-rules at main · hasaneyldrm/cursor-rules
github.comCursor rule'larını topladığım github repositorysi. Contribute to hasaneyldrm/cursor-rules development by creating an account on GitHub.
Brandon McConnell on X: "What if you could use React hooks inline? 🚀 Introducing RenderHooks ☑︎ maps, conditionals, nested JSX ☑︎ doesn't break Rules of Hooks ☑︎ supports built-in & custom hooks ☑︎ outer-state access ☑︎ zero boilerplate ☑︎ just <$> npm i render-hooks GitHub & Demos 🧵👇 https://t.co/4PmPV6cWoX" / X
x.comWhat if you could use React hooks inline? 🚀 Introducing RenderHooks ☑︎ maps, conditionals, nested JSX ☑︎ doesn't break Rules of Hooks ☑︎ supports built-in & custom hooks ☑︎ outer-state access ☑︎ zero boilerplate ☑︎ just <$> npm i render-hooks GitHub & Demos 🧵👇
Shayan on X: "> Added React Router inside Next.js… for faster navigation. 💀💀💀" / X
x.coma few days ago i posted about moving away from next.js navigation 👀 ◆ pages load instantly now ◆ makes your whole next.js app feel way faster ◆ takes like 5 min to set up just published the full post on how i did it 👇
The shadcn/ui kit for Figma: Update May 2025 - shadcn/ui kit for Figma
shadcndesign.comOur shadcn/ui Figma kit receives a major update with Tailwind v4 compatibility, featuring a revamped variable system, expanded components, 28 new Pro Landing Page blocks, and enhanced plugin capabilities for streamlined design-to-development workflow.
Generate and Debug MCP Servers from Scratch
egghead.ioexpert led courses for front-end web developers and teams that want to level up through straightforward and concise lessons on the most useful tools available.
Getting Started
legendapp.comBasic intro to Legend List
Dksie09/itsmehi
github.comContribute to Dksie09/itsmehi development by creating an account on GitHub.
x1xhlol/system-prompts-and-models-of-ai-tools: FULL v0, Cursor, Manus, Same.dev, Lovable, Devin & Replit Agent System Prompts, Tools & AI Models.
github.comFULL v0, Cursor, Manus, Same.dev, Lovable, Devin & Replit Agent System Prompts, Tools & AI Models. - x1xhlol/system-prompts-and-models-of-ai-tools
samyk/evercookie: Produces persistent, respawning "super" cookies in a browser, abusing over a dozen techniques. Its goal is to identify users after they've removed standard cookies and other privacy data such as Flash cookies (LSOs), HTML5 storage, SilverLight storage, and others.
github.comProduces persistent, respawning "super" cookies in a browser, abusing over a dozen techniques. Its goal is to identify users after they've removed standard cookies and other privacy d...
Aadit Sheth on X: "Google literally published a 69-page prompt engineering masterclass https://t.co/cOwtFbpbcy" / X
x.comGoogle literally published a 69-page prompt engineering masterclass
Json profile
gist.github.comJson profile. GitHub Gist: instantly share code, notes, and snippets.
React Native 0.79 - Faster tooling and much more · React Native
reactnative.devToday we are excited to release React Native 0.79!
Animate UI
animate-ui.comFully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, and Motion. Browse a list of components you can install, modify, and use in your projects.
hoppscotch/hoppscotch: Open source API development ecosystem - https://hoppscotch.io (open-source alternative to Postman, Insomnia)
github.comOpen source API development ecosystem - https://hoppscotch.io (open-source alternative to Postman, Insomnia) - hoppscotch/hoppscotch
Hoppscotch • Open source API development ecosystem
hoppscotch.ioHelps you create requests faster, saving precious time on development.
Beautiful themes for shadcn/ui — tweakcn | Theme Editor & Generator
tweakcn.comCustomize theme for shadcn/ui with tweakcn's interactive editor. Supports Tailwind CSS v4, Shadcn UI, and custom styles. Modify properties, preview changes, and get the code in real time.
Website Speed Test by Cloudinary
webspeedtest.cloudinary.comOptimized images improve page load time and user satisfaction. This tool provides measurable and actionable info about how to go beyond simple compression.
Avatar
heroui.comThe Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.
Interviewcoder
interviewcoder.co
Home | NativeWind
nativewind.devWhat is NativeWind?
Showcase - Neobrutalism components
neobrutalism.devShowcase of websites built with neobrutalism components.
Craft Design System
craft-ds.comGenerated by create next app
ᐅ HTML Table to Markdown Converter
htmlmarkdown.comConvert ✓ HTML tables to Markdown effortlessly with our ✓ free online tool. Secure, local processing ensures your ✓ data's privacy.
Vite + React + TS
react-shiki.vercel.app
21st.dev - The NPM for Design Engineers
21st.devShip polished UIs faster with ready-to-use React Tailwind components inspired by shadcn/ui. Built by design engineers, for design engineers.
Introduction - Model Context Protocol
modelcontextprotocol.ioGet started with the Model Context Protocol (MCP)
eastlondoner/cursor-tools: Give Cursor Agent an AI Team and Advanced Skills
github.comGive Cursor Agent an AI Team and Advanced Skills. Contribute to eastlondoner/cursor-tools development by creating an account on GitHub.
Hello from React Native Sticky Parallax Header | React Native Sticky Parallax Header
netguru.github.ioDescription will go into a meta tag in head /
Svgl
svgl.appA beautiful library with SVG logos
Shadcn Admin
shadcn-admin.netlify.appAdmin Dashboard UI built with Shadcn and Vite.
Lexical Playground
playground.lexical.dev21st.dev - The NPM for Design Engineers
21st.devShip polished UIs faster with ready-to-use React Tailwind components inspired by shadcn/ui. Built by design engineers, for design engineers.
simple-ai
simple-ai.devAI UI components that you can copy and paste into your apps. Customizable. Open Source.
CrofAI - The Second Fastest AI Hosting Service
ai.nahcrof.com
sadmann7/file-uploader: File uploader built with shadcn/ui and react-dropzone.
github.comFile uploader built with shadcn/ui and react-dropzone. - sadmann7/file-uploader
Gauge
gauge.onur.devAn aesthetic and customizable circular visual component for React.
A CSS scroll version of the gooey island 🤙
x.com.island { filter: url(#svg-goo); } .island__avatar { animation: hide; animation-timeline: scroll(); animation-range: 0 var(--header-size); transform-origin: 50% 0; } @keyframes hide { to { translate: -50% -80px; scale: 0.3; } } — jhey ▲🐻🎈 (@jh3yy)
React Native Filament Documentation | React Native Filament Documentation
margelo.github.ioDocumentation for react-native-filament
Postgres Sandbox
database.buildIn-browser Postgres sandbox with AI assistance
chrislgarry/Apollo-11: Original Apollo 11 Guidance Computer (AGC) source code for the command and lunar modules.
github.comOriginal Apollo 11 Guidance Computer (AGC) source code for the command and lunar modules. - chrislgarry/Apollo-11
Dice UI
diceui.comUnstyled ui component library.
React Native Keyboard Controller · Control each frame of keyboard movement | Keyboard Controller
kirillzyusko.github.ioControl each frame of keyboard movement in react native
Origin UI - Beautiful UI components built with Tailwind CSS and Next.js
originui.comAn extensive collection of copy-and-paste components for quickly building app UIs. Free, open-source, and ready to drop into your projects.
Introduction
ui.shadcn.comBeautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
rodz/input-otp
input-otp.rodz.devOne-time password input component for React. Accessible. Unstyled. Customizable. Open Source. Build your own OTP form effortlessly.
I don't know the right way to talk about burnout, but here we go.
x.comHelping build a developer community was not something I ever planned on doing. It kind of just... happened. And it's wonderful. It's a privilege to be part of a community that cares. To share any feedback, good… — Lee Robinson (@leeerob)
CSS Trick ✨
x.comYou can create this glitch hover effect by animating pseudoelement content 🎬 button:hover span:after { animation: flip 0.2s calc(var(--i) * 0.05s); } @keyframes flip { 20% { content: '_'; } 40% { content: var(--c1); } 60% { content: var(--c2); } } It's a funky… — jhey ▲🐻🎈 (@jh3yy)
How to add canonical tags throughout Next.js app
blog.date-fns.org— Alex Sidorenko (@asidorenko_)
Better Fetch
better-fetch.vercel.appAdvanced fetch wrapper for typescript.
ChartDB - Database schema diagrams visualizer
chartdb.ioFree and Open-source database diagrams editor, visualize and design your database with a single query. Tool to help you draw your DB relationship diagrams and export DDL scripts.
A currency select for shadcn/ui
shadcn-country-dropdown.vercel.appAn ISO 4217 compliant currency select component for shadcn/ui.
React Scan
react-scan.comReact Scan automatically detects and highlights components that cause performance issues in your React app. Drop it in anywhere – script tag, npm, you name it!
Async Select built with React & shadcn/ui
async.rdsx.devGeneric async select for your next project (pun intended)
React Array FLIP Animation
react-flip-array.alfon.devA FLIP animation for reordering arrays in React
Getting Started - @pheralb/toast
toast.pheralb.devAn accessible and beautiful notification library for React.
Tabler
tabler.ioTabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!
Monaspace
monaspace.githubnext.comAn innovative superfamily of fonts for code
Geist Font
vercel.comGeist is a typeface made for developers and designers, embodying Vercel's design principles of simplicity, minimalism, and speed, drawing inspiration from the renowned Swiss design movement.
Tailwind CSS Bento Grids - Official Tailwind UI Components
tailwindui.comBento grid examples for Tailwind CSS, designed and built by the creators of the framework.