Onur Şuyalçınkaya
Software Engineer
Home
1
Writing
2
Journey
3
Stack
4
Workspace
5
Bookmarks
6
Online
X (Twitter)
GitHub
LinkedIn
Medium
Instagram
Soundcloud
YouTube
Bluesky
Read.cv
Pinterest
Bookmarks
RSS feed
Apps & Tools
125 bookmarks
Art & Prints
39 bookmarks
Books & Magazines
10 bookmarks
Design
66 bookmarks
Fonts
64 bookmarks
Frontend
173 bookmarks
Icons
24 bookmarks
Portfolio
134 bookmarks
Reading
143 bookmarks
Tweets
42 bookmarks
VS Code
24 bookmarks
Wallpapers
27 bookmarks
Websites
186 bookmarks
Frontend
Frontend
GitButler | Git Branching, Refined
gitbutler.com
A Git client for simultaneous branches on top of your existing workflow..
10000+ Themes for shadcn/ui
ui.jln.dev
Explore 10000+ themes for shadcn/ui and easily copy them into your project. Or just create your own theme from scratch!
page-speed.dev
page-speed.dev
See and share Core Web Vitals and PageSpeed Insights results simply and easily.
Grayscales
grayscal.es
Beutiful and clean grayscales to use in your projects.
Tailwind CSS Color Generator | UI Colors
uicolors.app
Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.
Notion Avatar Maker
notion-avatar.vercel.app
An online tool for making notion-style avatars.
Tailwind CSS button collection - Click-to-copy integration
buttons.ibelick.com
Discover a collection of Tailwind CSS buttons designed to enhance your website's look. Easy to integrate with a copy-paste, no js.
Animations on the web
animations.dev
A course that teaches you how to craft animations that make people feel something.
Aceternity UI
ui.aceternity.com
Beautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.
12 Days of Web
12daysofweb.dev
A year-end celebration of fundamental web technologies: HTML, CSS, and JavaScript.
Lightning CSS
lightningcss.dev
An extremely fast CSS parser, transformer, bundler, and minifier.
.imgsrc
imgsrc.io
Generate beautiful Open Graph images with zero effort.
Home | nivo
nivo.rocks
Supercharged React dataviz components.
Master React
master-react.georgemoller.com
Empower Your Frontend Journey with 100+ Insightful Infographics and 70+ video tutorials for Crafting Exceptional Web Experiences!
svgl
svgl.vercel.app
A beautiful library with SVG logos
Understanding Accessibility
understandingaccessibility.com
Graphite - How the fastest developers ship code
graphite.dev
Developers use Graphite to create smaller pull requests, stay unblocked, and ship faster. Built for stacking, integrated with GitHub & VS Code.
windstatic.
windstatic.com
A set of elements & layouts made with Tailwind CSS and Alpine.js.
CSS Analytics - Project Wallace
projectwallace.com
The best CSS Analyzer on the web. Check your CSS complexity, specificity, performance, design tokens and much more.
Free Core Web Vitals History checker
rumvision.com
Unlock the power of Core Web Vitals with our free history checker. Simply enter your domain to view 6 months of progress or regression data and optimize your website's user experience. Stay ahead of the competition and start improving now
Mesh — Create beautiful SVG gradients
mesh.aarv.me
Mesh allows you to create stunning mesh gradients and export them as SVG, completely for free.
Gitness: Open-Source Code Hosting & CI/CD Pipeline Engine
gitness.com
Unlock superior Git workflows with Gitness. Experience seamless code reviews, robust CI/CD solutions, and up to 4x faster pipeline execution. Begin your journey in just 30 seconds.
Carousel | GUI Challenges
gui-challenges.web.app
🤓
Builder Velocity: it's about time
velocity.builder.io
Claim your ticket for this AI launch event by Builder.io + Figma
Easing Gradients
larsenwork.com
Supercharge your gradients with non-linear color mix and custom color spaces.
Origin-aware animations
emilkowal.ski
Typehero
typehero.dev
Level up your typescript skills with interactive exercises
CSS Selectors: A Visual Guide & Reference
fffuel.co
Visual guide to CSS selectors, including pseudo-classes (:nth-child, :hover,...), functional pseudo-classes (:not, :is,...) and pseudo-elements.
LLM Report
llm.report
Get Detailed Insights About Your OpenAI API Costs
Million.js
million.dev
The Virtual DOM Replacement for React
Plausible Analytics
plausible.io
Plausible is a lightweight and open-source Google Analytics alternative. Your website data is 100% yours and the privacy of your visitors is respected.
react-hot-toast - The Best React Notifications in Town
react-hot-toast.com
Add beautiful notifications to your React app with react-hot-toast. Lightweight. Smoking hot by default.
Smooth and simple transitions with the View Transitions API - Chrome Developers
developer.chrome.com
The View Transition API allows page transitions within single-page apps, and will later include multi-page apps.
Vaul
vaul.emilkowal.ski
Drawer component for React.
Introduction – react-tweet
react-tweet.vercel.app
Embed tweets in your React application.
Build UI - High-quality videos on frontend development
buildui.com
Learn how to build modern user interfaces for the web.
BaseLayer
baselayer.dev
Astro description
Tailwind Variants – tailwind-variants
tailwind-variants.org
The power of Tailwind combined with a first-class variant API.
React Aria Components
react-spectrum.adobe.com
React Aria Components is a library of unstyled components built on top of the React Aria hooks. It provides a simpler way to build accessible components with custom styles, while offering the flexibility to drop down to hooks for even more customizability where needed.
The interactive way to master modern React – react.gg
react.gg
The interactive way to master modern React — from the team at ui.dev.
Defensive CSS
defensivecss.dev
Practical CSS and design tips that helps in building future-proof user interfaces.
Deploy app servers close to your users · Fly
fly.io
Codesphere - Cloud Services Made Simple
codesphere.com
Through coupling IDE to the infrastructure, we're making cloud experience like no other.
Perflink
perf.link
JavaScript performance benchmarks you can share via URL.
Component Party
component-party.dev
Web component JS frameworks overview by their syntax and features: Svelte, React, Vue 3, SolidJS, Qwik, Marko, Angular, Lit, Vue 2, Ember, Alpine, Aurelia 1, Aurelia 2
GitBook - Where technical teams document
gitbook.com
GitBook makes it easy to research, plan and document products, from start to ship.
Wicked Blocks - 120+ Free Tailwind Components
wickedblocks.dev
A free collection of Tailwind components built with Tailwind CSS and Alpine.js ready to copy paste on your next project.
The Open Source Firebase Alternative | Supabase
supabase.com
The Open Source Alternative to Firebase.
Liveblocks | Collaborative experiences in days, not months
liveblocks.io
Liveblocks provides developers with a complete toolkit to embed performant collaboration features to your product in days, not months.
Dub - Link Management for Modern Marketing Teams
dub.sh
Dub is an open-source link management tool for modern marketing teams to create, share, and track short links.
GitButler | Git Branching, Refined
gitbutler.com
A Git client for simultaneous branches on top of your existing workflow..
page-speed.dev
page-speed.dev
See and share Core Web Vitals and PageSpeed Insights results simply and easily.
Tailwind CSS Color Generator | UI Colors
uicolors.app
Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.
Tailwind CSS button collection - Click-to-copy integration
buttons.ibelick.com
Discover a collection of Tailwind CSS buttons designed to enhance your website's look. Easy to integrate with a copy-paste, no js.
Aceternity UI
ui.aceternity.com
Beautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.
Lightning CSS
lightningcss.dev
An extremely fast CSS parser, transformer, bundler, and minifier.
Home | nivo
nivo.rocks
Supercharged React dataviz components.
svgl
svgl.vercel.app
A beautiful library with SVG logos
Graphite - How the fastest developers ship code
graphite.dev
Developers use Graphite to create smaller pull requests, stay unblocked, and ship faster. Built for stacking, integrated with GitHub & VS Code.
CSS Analytics - Project Wallace
projectwallace.com
The best CSS Analyzer on the web. Check your CSS complexity, specificity, performance, design tokens and much more.
Mesh — Create beautiful SVG gradients
mesh.aarv.me
Mesh allows you to create stunning mesh gradients and export them as SVG, completely for free.
Carousel | GUI Challenges
gui-challenges.web.app
🤓
Easing Gradients
larsenwork.com
Supercharge your gradients with non-linear color mix and custom color spaces.
Typehero
typehero.dev
Level up your typescript skills with interactive exercises
LLM Report
llm.report
Get Detailed Insights About Your OpenAI API Costs
Plausible Analytics
plausible.io
Plausible is a lightweight and open-source Google Analytics alternative. Your website data is 100% yours and the privacy of your visitors is respected.
Smooth and simple transitions with the View Transitions API - Chrome Developers
developer.chrome.com
The View Transition API allows page transitions within single-page apps, and will later include multi-page apps.
Introduction – react-tweet
react-tweet.vercel.app
Embed tweets in your React application.
BaseLayer
baselayer.dev
Astro description
React Aria Components
react-spectrum.adobe.com
React Aria Components is a library of unstyled components built on top of the React Aria hooks. It provides a simpler way to build accessible components with custom styles, while offering the flexibility to drop down to hooks for even more customizability where needed.
Defensive CSS
defensivecss.dev
Practical CSS and design tips that helps in building future-proof user interfaces.
Codesphere - Cloud Services Made Simple
codesphere.com
Through coupling IDE to the infrastructure, we're making cloud experience like no other.
Component Party
component-party.dev
Web component JS frameworks overview by their syntax and features: Svelte, React, Vue 3, SolidJS, Qwik, Marko, Angular, Lit, Vue 2, Ember, Alpine, Aurelia 1, Aurelia 2
Wicked Blocks - 120+ Free Tailwind Components
wickedblocks.dev
A free collection of Tailwind components built with Tailwind CSS and Alpine.js ready to copy paste on your next project.
Liveblocks | Collaborative experiences in days, not months
liveblocks.io
Liveblocks provides developers with a complete toolkit to embed performant collaboration features to your product in days, not months.
10000+ Themes for shadcn/ui
ui.jln.dev
Explore 10000+ themes for shadcn/ui and easily copy them into your project. Or just create your own theme from scratch!
Grayscales
grayscal.es
Beutiful and clean grayscales to use in your projects.
Notion Avatar Maker
notion-avatar.vercel.app
An online tool for making notion-style avatars.
Animations on the web
animations.dev
A course that teaches you how to craft animations that make people feel something.
12 Days of Web
12daysofweb.dev
A year-end celebration of fundamental web technologies: HTML, CSS, and JavaScript.
.imgsrc
imgsrc.io
Generate beautiful Open Graph images with zero effort.
Master React
master-react.georgemoller.com
Empower Your Frontend Journey with 100+ Insightful Infographics and 70+ video tutorials for Crafting Exceptional Web Experiences!
Understanding Accessibility
understandingaccessibility.com
windstatic.
windstatic.com
A set of elements & layouts made with Tailwind CSS and Alpine.js.
Free Core Web Vitals History checker
rumvision.com
Unlock the power of Core Web Vitals with our free history checker. Simply enter your domain to view 6 months of progress or regression data and optimize your website's user experience. Stay ahead of the competition and start improving now
Gitness: Open-Source Code Hosting & CI/CD Pipeline Engine
gitness.com
Unlock superior Git workflows with Gitness. Experience seamless code reviews, robust CI/CD solutions, and up to 4x faster pipeline execution. Begin your journey in just 30 seconds.
Builder Velocity: it's about time
velocity.builder.io
Claim your ticket for this AI launch event by Builder.io + Figma
Origin-aware animations
emilkowal.ski
CSS Selectors: A Visual Guide & Reference
fffuel.co
Visual guide to CSS selectors, including pseudo-classes (:nth-child, :hover,...), functional pseudo-classes (:not, :is,...) and pseudo-elements.
Million.js
million.dev
The Virtual DOM Replacement for React
react-hot-toast - The Best React Notifications in Town
react-hot-toast.com
Add beautiful notifications to your React app with react-hot-toast. Lightweight. Smoking hot by default.
Vaul
vaul.emilkowal.ski
Drawer component for React.
Build UI - High-quality videos on frontend development
buildui.com
Learn how to build modern user interfaces for the web.
Tailwind Variants – tailwind-variants
tailwind-variants.org
The power of Tailwind combined with a first-class variant API.
The interactive way to master modern React – react.gg
react.gg
The interactive way to master modern React — from the team at ui.dev.
Deploy app servers close to your users · Fly
fly.io
Perflink
perf.link
JavaScript performance benchmarks you can share via URL.
GitBook - Where technical teams document
gitbook.com
GitBook makes it easy to research, plan and document products, from start to ship.
The Open Source Firebase Alternative | Supabase
supabase.com
The Open Source Alternative to Firebase.
Dub - Link Management for Modern Marketing Teams
dub.sh
Dub is an open-source link management tool for modern marketing teams to create, share, and track short links.
Load more