// bookmarks186 items

Bookmarks

Resources, articles, and tools I've found useful over the years, organized by category.

11 Collections

build-gpui-apps — Lasse Vestergaard

build-gpui-apps — Lasse Vestergaard

lassejlv.dkBuild, scaffold, refactor, debug, review, and visually validate production Rust desktop interfaces with GPUI. Use for production-ready GPUI starter apps; new GPUI apps or components; Entity, Context, action, async, and lifecycle architecture; Apple-style macOS UI, materials, motion, gestures, focus, accessibility, text input, IME, clipboard, drag and drop, menus, multi-window behavior, restoration, packaging, CI, performance, testing, and broader app work that may use Paper.design as one input. When the primary task is faithfully translating a selected Paper.design frame into an existing GPUI view, use paper-to-gpui instead. Covers published GPUI and pinned Zed revisions, platform boundaries, narrow AppKit interop, and stability audits.

Beautiful UI — Crafted primitives for AI-native interfaces

Beautiful UI — Crafted primitives for AI-native interfaces

beautiful-ui-five.vercel.appA small library of extremely crafted, copy-paste components for chat agents, thinking states, human-in-the-loop approvals, and everything agents need to talk to humans beautifully.

Animated icons | Its Hover

Animated icons | Its Hover

itshover.comAnimated icons that move with intent.

msitarzewski/agency-agents: A complete AI agency at your fingertips - From frontend wizards to Reddit community ninjas, from whimsy injectors to reality checkers. Each agent is a specialized expert with personality, processes, and proven deliverables.

msitarzewski/agency-agents: A complete AI agency at your fingertips - From frontend wizards to Reddit community ninjas, from whimsy injectors to reality checkers. Each agent is a specialized expert with personality, processes, and proven deliverables.

github.comA complete AI agency at your fingertips - From frontend wizards to Reddit community ninjas, from whimsy injectors to reality checkers. Each agent is a specialized expert with personality, processes...

seo-master-by-anilsoylu by anilsoylu/seo-master

seo-master-by-anilsoylu by anilsoylu/seo-master

skills.shInstall the seo-master-by-anilsoylu skill for anilsoylu/seo-master

AgriciDaniel/claude-seo: Universal SEO skill for Claude Code. Comprehensive SEO analysis for any website or business type.

AgriciDaniel/claude-seo: Universal SEO skill for Claude Code. Comprehensive SEO analysis for any website or business type.

github.comUniversal SEO skill for Claude Code. Comprehensive SEO analysis for any website or business type. - AgriciDaniel/claude-seo

Prompt caching: 10x cheaper LLM tokens, but how? | ngrok blog

Prompt caching: 10x cheaper LLM tokens, but how? | ngrok blog

ngrok.comA far more detailed explanation of prompt caching than anyone asked for.

Is Google Finally Cracking Down on Self-Promotional Listicles?

Is Google Finally Cracking Down on Self-Promotional Listicles?

lilyraynyc.substack.comThe most popular 'GEO' tactic might indeed be risky for SEO purposes after all

obra/superpowers: An agentic skills framework & software development methodology that works.

obra/superpowers: An agentic skills framework & software development methodology that works.

github.comAn agentic skills framework & software development methodology that works. - obra/superpowers

Shruti on X: "I Spent 40 Hours Researching Clawdbot. Here's Everything They're Not Telling You." / X

Shruti on X: "I Spent 40 Hours Researching Clawdbot. Here's Everything They're Not Telling You." / X

Brave on X: "Clawdbot, a 24/7 open-source AI assistant that actually does work, seems like magic. But it’s even MORE powerful when you hook it to the Brave Search API. 💪 Check out the quick setup guide here ⬇️" / X

Brave on X: "Clawdbot, a 24/7 open-source AI assistant that actually does work, seems like magic. But it’s even MORE powerful when you hook it to the Brave Search API. 💪 Check out the quick setup guide here ⬇️" / X

x.comBut it’s even MORE powerful when you hook it to the Brave Search API. 💪 Check out the quick setup guide here ⬇️

Scaling PostgreSQL to power 800 million ChatGPT users | OpenAI

Scaling PostgreSQL to power 800 million ChatGPT users | OpenAI

openai.comBy Bohan Zhang, Member of the Technical Staff

de-slopify by dicklesworthstone/agent_flywheel_clawdbot_skills_and_integrations

de-slopify by dicklesworthstone/agent_flywheel_clawdbot_skills_and_integrations

skills.shInstall the de-slopify skill for dicklesworthstone/agent_flywheel_clawdbot_skills_and_integrations

Benji Taylor on X: "Introducing Agentation: a visual feedback tool for agents. Available now: ~npm i agentation Click elements, add notes, copy markdown. Your agent gets element paths, selectors, positions, and everything else it needs to find and fix things. Link to full docs below ↓ https://t.co/o65U5MY7V6" / X

Benji Taylor on X: "Introducing Agentation: a visual feedback tool for agents. Available now: ~npm i agentation Click elements, add notes, copy markdown. Your agent gets element paths, selectors, positions, and everything else it needs to find and fix things. Link to full docs below ↓ https://t.co/o65U5MY7V6" / X

x.comClick elements, add notes, copy markdown. Your agent gets element paths, selectors, positions, and everything else it needs to find and fix things. Link to full docs below ↓

The Agent Skills Directory

The Agent Skills Directory

skills.shDiscover and install skills for AI agents.

PostgreSQL Internals for Newbies: A Guide to Data Storage, Part One

PostgreSQL Internals for Newbies: A Guide to Data Storage, Part One

percona.comCurious about what happens behind the scenes when creating a table in PostgreSQL? Our latest blog breaks it down, showing how PostgreSQL tracks your data with unique identifiers and where the data gets stored on disk

vibed

vibed

vibed.inccrack vibe coding: agents, skills, commands, to ship faster and cheaper

Kbd - ReUI

Kbd - ReUI

reui.ioDisplays keyboard input or shortcut keys with customizable styles and sizes.

Ralph Wiggum - Iterative AI Development Loop

Ralph Wiggum - Iterative AI Development Loop

awesomeclaude.aiOfficial Anthropic plugin for iterative AI coding. Ship 6 repos overnight. $50k contract for $297 in API costs.

React Wheel Picker

React Wheel Picker

react-wheel-picker.chanhdai.comiOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.

Shadcn Studio - Shadcn UI Components, Blocks & Templates

Shadcn Studio - Shadcn UI Components, Blocks & Templates

shadcnstudio.comAccelerate your project development with ready-to-use, & customizable 1000+ Shadcn UI Components, Blocks, UI Kit, Boilerplate, Templates & Themes with AI Tools.

How to vibe code your App Store Connect setup

How to vibe code your App Store Connect setup

storeconfig.comUse AI to localize your app, create subscriptions and in-app purchases, and configure App Store Connect—all by editing a single JSON file. Fetch your current state, edit with AI, validate, and apply safely.

Claude Code Templates - Supercharge Your AI-Powered Development with Anthropic's Claude Code

Claude Code Templates - Supercharge Your AI-Powered Development with Anthropic's Claude Code

aitmpl.comProfessional templates for Anthropic's Claude Code. Deep coding at terminal velocity with Claude Opus 4.1. Install 100+ agents, commands, settings & hooks. Transform your AI-powered development workflow.

Ado on X: "Advent of Claude Day 19 - Claude Code + Chrome Claude can now directly interact with your browser. Navigating pages, clicking buttons, reading console errors, inspecting the DOM, and more. "Fix the bug and verify it works" is now one prompt. /chrome to start. https://t.co/P09PxMmGrE" / X

Ado on X: "Advent of Claude Day 19 - Claude Code + Chrome Claude can now directly interact with your browser. Navigating pages, clicking buttons, reading console errors, inspecting the DOM, and more. "Fix the bug and verify it works" is now one prompt. /chrome to start. https://t.co/P09PxMmGrE" / X

x.comClaude can now directly interact with your browser. Navigating pages, clicking buttons, reading console errors, inspecting the DOM, and more. "Fix the bug and verify it works" is now one prompt. /chrome to start.

thedotmack/claude-mem: A Claude Code plugin that automatically captures everything Claude does during your coding sessions, compresses it with AI (using Claude's agent-sdk), and injects relevant context back into future sessions.

thedotmack/claude-mem: A Claude Code plugin that automatically captures everything Claude does during your coding sessions, compresses it with AI (using Claude's agent-sdk), and injects relevant context back into future sessions.

github.comA Claude Code plugin that automatically captures everything Claude does during your coding sessions, compresses it with AI (using Claude's agent-sdk), and injects relevant context back into fut...

rit3zh on X: "⚡ Linear-inspired Bottom Tabs made using @expo + Reanimated 🔗 Github: https://t.co/cn8iRgzBs8 https://t.co/9Dm2CkGJJP" / X

rit3zh on X: "⚡ Linear-inspired Bottom Tabs made using @expo + Reanimated 🔗 Github: https://t.co/cn8iRgzBs8 https://t.co/9Dm2CkGJJP" / X

x.com🔗 Github: https://t.co/cn8iRgzBs8

Build your rich-text editor - Plate

Build your rich-text editor - Plate

platejs.orgA set of beautifully-designed, customizable plugins and components to help you build your rich-text editor. Open Source.

Improving frontend design through Skills | Claude

Improving frontend design through Skills | Claude

claude.comBest practices for building richer, more customized frontend design with Claude and Skills.

Documentation - Mina Rich Editor

Documentation - Mina Rich Editor

mina-rich-editor.vercel.appComplete documentation for Mina Rich Editor. Installation, usage, API reference, and customization guides.

GitHub

GitHub

tan-form-builder.baskar.devHelp you Quickly Scaffold a Form for your TanStack Using TanStack Forms

Rozenite

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

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 - 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

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

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

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

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

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

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

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

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

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 - 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

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

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

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)

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

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

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 + 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

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

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

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

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

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

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

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

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

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

Getting Started

legendapp.comBasic intro to Legend List

Dksie09/itsmehi

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.

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.

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

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

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)

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 • 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

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

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

interviewcoder.co

Home | NativeWind

Home | NativeWind

nativewind.devWhat is NativeWind?

Showcase - Neobrutalism components

Showcase - Neobrutalism components

neobrutalism.devShowcase of websites built with neobrutalism components.

Craft Design System

Craft Design System

craft-ds.comGenerated by create next app

ᐅ HTML Table to Markdown Converter

ᐅ 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

Vite + React + TS

react-shiki.vercel.app

21st.dev - The NPM for Design Engineers

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

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

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

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

svgl.appA beautiful library with SVG logos

Shadcn Admin

Shadcn Admin

shadcn-admin.netlify.appAdmin Dashboard UI built with Shadcn and Vite.

Lexical Playground

Lexical Playground

playground.lexical.dev

21st.dev - The NPM for Design Engineers

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.

simple-ai

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

CrofAI - The Second Fastest AI Hosting Service

sadmann7/file-uploader: File uploader built with shadcn/ui and react-dropzone.

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

gauge.onur.devAn aesthetic and customizable circular visual component for React.

A CSS scroll version of the gooey island 🤙

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

React Native Filament Documentation | React Native Filament Documentation

margelo.github.ioDocumentation for react-native-filament

Postgres Sandbox

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.

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

Dice UI

diceui.comUnstyled ui component library.

React Native Keyboard Controller · Control each frame of keyboard movement | Keyboard Controller

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

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

Introduction

ui.shadcn.comBeautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

rodz/input-otp

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.

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 ✨

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

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 - 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

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 Select built with React & shadcn/ui

async.rdsx.devGeneric async select for your next project (pun intended)

React Array FLIP Animation

React Array FLIP Animation

react-flip-array.alfon.devA FLIP animation for reordering arrays in React

Getting Started - @pheralb/toast

Getting Started - @pheralb/toast

toast.pheralb.devAn accessible and beautiful notification library for React.

Tabler

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

monaspace.githubnext.comAn innovative superfamily of fonts for code

Geist Font

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

Tailwind CSS Bento Grids - Official Tailwind UI Components

tailwindui.comBento grid examples for Tailwind CSS, designed and built by the creators of the framework.

Joi Planner

Joi Planner

joi.softwareMinimalistic daily planner