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
145 bookmarks
Art & Prints
64 bookmarks
Books & Magazines
14 bookmarks
Design
82 bookmarks
Fonts
68 bookmarks
Frontend
252 bookmarks
Icons
28 bookmarks
Portfolio
197 bookmarks
Reading
169 bookmarks
Tweets
45 bookmarks
VS Code
27 bookmarks
Wallpapers
30 bookmarks
Websites
211 bookmarks
Frontend
Loading...
Frontend
Better Auth
better-auth.com
The most comprehensive authentication library for TypeScript.
Fancy Components
fancycomponents.dev
Ready to use, fancy React components to make the web fun again. Free & Open Source.
Languine
languine.ai
Translate your application with Languine CLI powered by AI.
lndev/ui
ui.lndev.me
A fun collection of small, well-coded components to streamline your development process.
Components / Justd
getjustd.com
Justd offers customizable, accessible React components with Tailwind CSS, ready for easy copy and paste into your projects.
Craft Design System
craft.bridger.to
Generated by create next app
Lotru
lotru-ui.com
A design system for building web applications
Blendy, a framework-agnostic tool that smoothly transitions one element into another with just a few lines of code.
blendy.tahazsh.com
awesome-shadcn-ui
awesome-shadcn-ui.vercel.app
A curated list of awesome things related to shadcn/ui
UI Beats
uibeats.com
Supercharge your UI with UI Beats! Reusable components crafted with React, TypeScript, Tailwind CSS, and Framer Motion for dynamic, responsive interfaces.
Create Stunning Websites That Stand Out
stunningui.design
Stunning UI is a collection of interactive Tailwind CSS components built for Vue and Nuxt.
Shadcn UI - Spinner Radix UI
shadcn-spinner.vercel.app
Displays an animated loading indicator, inspired by the Radix UI spinner design.
Launch UI
launchuicomponents.com
Landing page components built with React, Shadcn/ui and Tailwind that you can copy/paste into your project.
Emblor
emblor.jaleelbennett.com
A highly customizable, accessible, and fully-featured tag input component built with shadcn/ui.
enhanced-button
enhanced-button.vercel.app
An enhanced version of the shadcn-button component
Confirm Dialog
react-confirm-dialog.vercel.app
A flexible and accessible confirm dialog for React app.
Bundui - Tailwind CSS and Framer Motion component collection.
bundui.io
A collection of beautifully designed animated components, elements, sections that you can copy and paste into your applications. Built with Tailwind CSS and Framer Motion.
Form design - Co-op Experience Library
coop.co.uk
Find out how to design forms for digital products and services for Co-op.
A shadcn/ui country dropdown
shadcn-country-dropdown.vercel.app
An ISO 3166 compliant dropdown component for selecting a country.
Dialog Stack
dialog-stack.haydenbleasel.com
Composable stacked dialogs for shadcn/ui.
NumberFlow for React - Transition and format numbers
number-flow.barvian.me
A component to transition & format numbers. Dependency-free. Built on web standards. Accessible. Customizable.
Motion-Primitives
motion-primitives.com
UI kit to make beautiful, animated interfaces, faster. Open-source and customizable.
daisyUI — Tailwind CSS Components ( version 4 update is here )
daisyui.com
Best Tailwind Components Library - Free UI components for Tailwind CSS
Motion - A modern animation library for JavaScript and React
motion.dev
Motion is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations. Previously Framer Motion.
Logoshaper
logoshaper.co
Logo design made simple for startup founders
Origin UI - Beautiful UI components built with Tailwind CSS and Next.js
originui.com
An extensive collection of copy-and-paste components for quickly building app UIs. Free, open-source, and ready to drop into your projects.
Web Interface Guidelines
interfaces.rauno.me
A non-exhaustive list of details that make a good web interface.
Justd
getjustd.com
Justd offers customizable, accessible React components with Tailwind CSS, ready for easy copy and paste into your projects.
bolt.new
bolt.new
Prompt, run, edit & deploy web apps
Blog
ibelick.com
I'm Julien Thibeaut, also known as Ibelick online, a freelance senior front-end developer with a love for design. Passionate about creating beautiful and functional interfaces.
cult/ui
cult-ui.com
Components components that you can copy and paste into react apps. Customizable. Open Source. Typed.
KokonutUI
kokonut.dev
A collection of modern, interactive, customizable UI components built with Shadcn & Tailwind CSS. Ready to make your next project faster and beautiful.
Free Full-Stack code snippets | Typeonce
typeonce.dev
Professional training for Full-Stack software development teams
CuiCui | High-Quality React and Tailwind Components for Copy-Paste
cuicui.day
CuiCui is a modern UI copy paste library using React that helps you build beautiful websites and applications with customizable, and modern components.
Data Table | OpenStatus
data-table.openstatus.dev
Powered by tanstack table and shadcn ui with controls and cmdk using search params as state via nuqs.
Shadcn Form Builder
shadcn-form.com
The JavaScript Oxidation Compiler
oxc.rs
A collection of high-performance JavaScript tools written in Rust
Shadcn Registries
shadcn-registries.vercel.app
Create, Extend, Share your custom themes with thousands of devs.
Bento Grid Generator - v0 by Vercel
bentogrid.v0.build
Chat with v0. Generate UI with simple text prompts. Copy, paste, ship.
MotionNumber for Framer Motion
motion-number.barvian.me
Transition, format, and localize numbers with a ~3kB Framer Motion component. Accessible and customizable.
Recipes – Frontend.FYI
frontend.fyi
Whether you want to have a quick overview to drool over all the beautiful frontend components, or are looking for a quick copy-paste solution, that's what the recipes are for.
Type safe Server Actions in your Next.js (App Router) project | next-safe-action
next-safe-action.dev
next-safe-action is a library for defining end-to-end typesafe and validated Server Actions in Next.js (App Router) projects.
Fluid for Tailwind CSS - Build better responsive designs in less code.
fluid.tw
Scale utilities smoothly between breakpoints with modern clamp() functions.
Swapy, a simple JavaScript tool for converting any layout you have to drag-to-swap layout
swapy.tahazsh.com
A simple JavaScript tool for converting any layout you have to drag-to-swap layout
Motion-Primitives
motion-primitives.com
Motion-Primitives, a collection of open-source, customizable motion components built with Framer Motion and Tailwind CSS. Perfect for enhancing your web projects with beautiful, smooth animations.
Code Hike
codehike.org
Marvellous code walkthroughs
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
Better Auth
better-auth.com
The most comprehensive authentication library for TypeScript.
Languine
languine.ai
Translate your application with Languine CLI powered by AI.
Components / Justd
getjustd.com
Justd offers customizable, accessible React components with Tailwind CSS, ready for easy copy and paste into your projects.
Lotru
lotru-ui.com
A design system for building web applications
awesome-shadcn-ui
awesome-shadcn-ui.vercel.app
A curated list of awesome things related to shadcn/ui
Create Stunning Websites That Stand Out
stunningui.design
Stunning UI is a collection of interactive Tailwind CSS components built for Vue and Nuxt.
Launch UI
launchuicomponents.com
Landing page components built with React, Shadcn/ui and Tailwind that you can copy/paste into your project.
enhanced-button
enhanced-button.vercel.app
An enhanced version of the shadcn-button component
Bundui - Tailwind CSS and Framer Motion component collection.
bundui.io
A collection of beautifully designed animated components, elements, sections that you can copy and paste into your applications. Built with Tailwind CSS and Framer Motion.
A shadcn/ui country dropdown
shadcn-country-dropdown.vercel.app
An ISO 3166 compliant dropdown component for selecting a country.
NumberFlow for React - Transition and format numbers
number-flow.barvian.me
A component to transition & format numbers. Dependency-free. Built on web standards. Accessible. Customizable.
daisyUI — Tailwind CSS Components ( version 4 update is here )
daisyui.com
Best Tailwind Components Library - Free UI components for Tailwind CSS
Logoshaper
logoshaper.co
Logo design made simple for startup founders
Web Interface Guidelines
interfaces.rauno.me
A non-exhaustive list of details that make a good web interface.
bolt.new
bolt.new
Prompt, run, edit & deploy web apps
cult/ui
cult-ui.com
Components components that you can copy and paste into react apps. Customizable. Open Source. Typed.
Free Full-Stack code snippets | Typeonce
typeonce.dev
Professional training for Full-Stack software development teams
Data Table | OpenStatus
data-table.openstatus.dev
Powered by tanstack table and shadcn ui with controls and cmdk using search params as state via nuqs.
The JavaScript Oxidation Compiler
oxc.rs
A collection of high-performance JavaScript tools written in Rust
Bento Grid Generator - v0 by Vercel
bentogrid.v0.build
Chat with v0. Generate UI with simple text prompts. Copy, paste, ship.
Recipes – Frontend.FYI
frontend.fyi
Whether you want to have a quick overview to drool over all the beautiful frontend components, or are looking for a quick copy-paste solution, that's what the recipes are for.
Fluid for Tailwind CSS - Build better responsive designs in less code.
fluid.tw
Scale utilities smoothly between breakpoints with modern clamp() functions.
Motion-Primitives
motion-primitives.com
Motion-Primitives, a collection of open-source, customizable motion components built with Framer Motion and Tailwind CSS. Perfect for enhancing your web projects with beautiful, smooth animations.
restyle
reactstyle.vercel.app
The simplest way to add CSS styles to your React components.
Omlet
omlet.dev
Component analytics and insights for React.
Fancy Components
fancycomponents.dev
Ready to use, fancy React components to make the web fun again. Free & Open Source.
lndev/ui
ui.lndev.me
A fun collection of small, well-coded components to streamline your development process.
Craft Design System
craft.bridger.to
Generated by create next app
Blendy, a framework-agnostic tool that smoothly transitions one element into another with just a few lines of code.
blendy.tahazsh.com
UI Beats
uibeats.com
Supercharge your UI with UI Beats! Reusable components crafted with React, TypeScript, Tailwind CSS, and Framer Motion for dynamic, responsive interfaces.
Shadcn UI - Spinner Radix UI
shadcn-spinner.vercel.app
Displays an animated loading indicator, inspired by the Radix UI spinner design.
Emblor
emblor.jaleelbennett.com
A highly customizable, accessible, and fully-featured tag input component built with shadcn/ui.
Confirm Dialog
react-confirm-dialog.vercel.app
A flexible and accessible confirm dialog for React app.
Form design - Co-op Experience Library
coop.co.uk
Find out how to design forms for digital products and services for Co-op.
Dialog Stack
dialog-stack.haydenbleasel.com
Composable stacked dialogs for shadcn/ui.
Motion-Primitives
motion-primitives.com
UI kit to make beautiful, animated interfaces, faster. Open-source and customizable.
Motion - A modern animation library for JavaScript and React
motion.dev
Motion is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations. Previously Framer Motion.
Origin UI - Beautiful UI components built with Tailwind CSS and Next.js
originui.com
An extensive collection of copy-and-paste components for quickly building app UIs. Free, open-source, and ready to drop into your projects.
Justd
getjustd.com
Justd offers customizable, accessible React components with Tailwind CSS, ready for easy copy and paste into your projects.
Blog
ibelick.com
I'm Julien Thibeaut, also known as Ibelick online, a freelance senior front-end developer with a love for design. Passionate about creating beautiful and functional interfaces.
KokonutUI
kokonut.dev
A collection of modern, interactive, customizable UI components built with Shadcn & Tailwind CSS. Ready to make your next project faster and beautiful.
CuiCui | High-Quality React and Tailwind Components for Copy-Paste
cuicui.day
CuiCui is a modern UI copy paste library using React that helps you build beautiful websites and applications with customizable, and modern components.
Shadcn Form Builder
shadcn-form.com
Shadcn Registries
shadcn-registries.vercel.app
Create, Extend, Share your custom themes with thousands of devs.
MotionNumber for Framer Motion
motion-number.barvian.me
Transition, format, and localize numbers with a ~3kB Framer Motion component. Accessible and customizable.
Type safe Server Actions in your Next.js (App Router) project | next-safe-action
next-safe-action.dev
next-safe-action is a library for defining end-to-end typesafe and validated Server Actions in Next.js (App Router) projects.
Swapy, a simple JavaScript tool for converting any layout you have to drag-to-swap layout
swapy.tahazsh.com
A simple JavaScript tool for converting any layout you have to drag-to-swap layout
Code Hike
codehike.org
Marvellous code walkthroughs
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
Load more