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
Loading...
Apps & Tools
135 bookmarks
Art & Prints
61 bookmarks
Books & Magazines
12 bookmarks
Design
78 bookmarks
Fonts
68 bookmarks
Frontend
206 bookmarks
Icons
26 bookmarks
Portfolio
168 bookmarks
Reading
164 bookmarks
Tweets
45 bookmarks
VS Code
26 bookmarks
Wallpapers
30 bookmarks
Websites
198 bookmarks
Frontend
Loading...
Frontend
restyle
reactstyle.vercel.app
The simplest way to add CSS styles to your React components.
Name Checker
namechecker.vercel.app
Find out if your project name is taken
Omlet
omlet.dev
Component analytics and insights for React.
GitHub - tsconfig/bases: Hosts TSConfigs to extend in a TypeScript app, tuned to a particular runtime environment
github.com
Hosts TSConfigs to extend in a TypeScript app, tuned to a particular runtime environment - tsconfig/bases
Free for Developers
free-for.dev
Developers and Open Source authors now have a massive amount of services offering free tiers, but it can be hard to find them all to make informed decisions.
Gradient Picker | Shadcn UI Component to pick gradients, colors and backgrounds
gradient.page
A React component to pick CSS gradients, colors, and more.
Gauge
gauge.onur.dev
An aesthetic and customizable circular visual component for React.
Geist Gauge
geist-gauge.vercel.app
A circular visual for conveying a percentage.
Gauge Component
gauge-demo.vercel.app
Vercel's Gauge component recreated by @mfts0
Extension
extension.js.org
Plug-and-play, zero-config, cross-browser extension development tool.
Tailwind and Next.js UI Components for Speedy Web Development - boilercode.app
launchify.club
Supercharge your web development with our Tailwind and Next.js UI components. Create responsive and stylish web applications faster and more efficiently.
React Spring
react-spring.dev
Bring your components to life with simple spring animation primitives for React
Effect – The best way to build robust apps in TypeScript
effect.website
Effect is a powerful TypeScript library designed to help developers easily create complex, synchronous, and asynchronous programs.
CSS for JavaScript Developers | An online course that teaches the fundamentals of CSS for React/Vue devs
css-for-js.dev
A comprehensive course that helps you develop deep mastery of CSS. Built specifically for JavaScript developers!
Three.js Journey — Learn WebGL with Three.js
threejs-journey.com
The ultimate Three.js course whether you are a beginner or a more advanced developer
Nextra – Next.js Static Site Generator – Nextra
nextra.site
Make beautiful websites with Next.js & MDX.
Next.js View Transitions
next-view-transitions.vercel.app
Using native CSS View Transitions API in Next.js App Router
Million Lint | Million.js
million.dev
Find and fix slow React components
SST
sst.dev
Build modern full-stack serverless applications on AWS with Next.js, SvelteKit, Remix, Astro, Solid, and more.
TimePicker | OpenStatus
time.openstatus.dev
A time picker component for your shadcn ui app
Installation • Tremor Raw
raw.tremor.so
Customizable, accessible React components to build dashboards and modern web applications.
google webfonts helper
gwfh.mranftl.com
A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets!
Next.js video embedding with next-video
next-video.dev
Next Video solves the hard problems with embedding, storing, streaming, and customizing video in your Next.js app.
Cache Control
shayy.org
uilabs
uilabs.dev
Experimental laboratory of fine UI
Blog posts by Ryan Mulligan
ryanmulligan.dev
Blogging my general thoughts and rambles, code snippets, and front-end web dev discoveries
Developer Tips by Umar Hansa
umaar.com
A developer tip, in the form of a gif, in your inbox each week. Subscribe to Dev Tips to get these in your inbox
Fjolt
fjolt.com
Let's look at all the utility types in TypeScript
Developer Roadmaps - roadmap.sh
roadmap.sh
Community driven roadmaps, articles and guides for developers to grow in their career.
Unlighthouse
unlighthouse.dev
Like Google Lighthouse, but it scans every single page.
Get your pages indexed within 48 hours.
requestindexing.com
Open Props: sub-atomic styles
open-props.style
Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.
rodz/input-otp
input-otp.rodz.dev
One-time password input component for React. Accessible. Unstyled. Customizable. Open Source. Build your own OTP form effortlessly.
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.
restyle
reactstyle.vercel.app
The simplest way to add CSS styles to your React components.
Omlet
omlet.dev
Component analytics and insights for React.
Free for Developers
free-for.dev
Developers and Open Source authors now have a massive amount of services offering free tiers, but it can be hard to find them all to make informed decisions.
Gauge
gauge.onur.dev
An aesthetic and customizable circular visual component for React.
Gauge Component
gauge-demo.vercel.app
Vercel's Gauge component recreated by @mfts0
Tailwind and Next.js UI Components for Speedy Web Development - boilercode.app
launchify.club
Supercharge your web development with our Tailwind and Next.js UI components. Create responsive and stylish web applications faster and more efficiently.
Effect – The best way to build robust apps in TypeScript
effect.website
Effect is a powerful TypeScript library designed to help developers easily create complex, synchronous, and asynchronous programs.
Three.js Journey — Learn WebGL with Three.js
threejs-journey.com
The ultimate Three.js course whether you are a beginner or a more advanced developer
Next.js View Transitions
next-view-transitions.vercel.app
Using native CSS View Transitions API in Next.js App Router
SST
sst.dev
Build modern full-stack serverless applications on AWS with Next.js, SvelteKit, Remix, Astro, Solid, and more.
Installation • Tremor Raw
raw.tremor.so
Customizable, accessible React components to build dashboards and modern web applications.
Next.js video embedding with next-video
next-video.dev
Next Video solves the hard problems with embedding, storing, streaming, and customizing video in your Next.js app.
uilabs
uilabs.dev
Experimental laboratory of fine UI
Developer Tips by Umar Hansa
umaar.com
A developer tip, in the form of a gif, in your inbox each week. Subscribe to Dev Tips to get these in your inbox
Developer Roadmaps - roadmap.sh
roadmap.sh
Community driven roadmaps, articles and guides for developers to grow in their career.
Get your pages indexed within 48 hours.
requestindexing.com
rodz/input-otp
input-otp.rodz.dev
One-time password input component for React. Accessible. Unstyled. Customizable. Open Source. Build your own OTP form effortlessly.
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
Name Checker
namechecker.vercel.app
Find out if your project name is taken
GitHub - tsconfig/bases: Hosts TSConfigs to extend in a TypeScript app, tuned to a particular runtime environment
github.com
Hosts TSConfigs to extend in a TypeScript app, tuned to a particular runtime environment - tsconfig/bases
Gradient Picker | Shadcn UI Component to pick gradients, colors and backgrounds
gradient.page
A React component to pick CSS gradients, colors, and more.
Geist Gauge
geist-gauge.vercel.app
A circular visual for conveying a percentage.
Extension
extension.js.org
Plug-and-play, zero-config, cross-browser extension development tool.
React Spring
react-spring.dev
Bring your components to life with simple spring animation primitives for React
CSS for JavaScript Developers | An online course that teaches the fundamentals of CSS for React/Vue devs
css-for-js.dev
A comprehensive course that helps you develop deep mastery of CSS. Built specifically for JavaScript developers!
Nextra – Next.js Static Site Generator – Nextra
nextra.site
Make beautiful websites with Next.js & MDX.
Million Lint | Million.js
million.dev
Find and fix slow React components
TimePicker | OpenStatus
time.openstatus.dev
A time picker component for your shadcn ui app
google webfonts helper
gwfh.mranftl.com
A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets!
Cache Control
shayy.org
Blog posts by Ryan Mulligan
ryanmulligan.dev
Blogging my general thoughts and rambles, code snippets, and front-end web dev discoveries
Fjolt
fjolt.com
Let's look at all the utility types in TypeScript
Unlighthouse
unlighthouse.dev
Like Google Lighthouse, but it scans every single page.
Open Props: sub-atomic styles
open-props.style
Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.
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.
Load more