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
Pinterest
Bookmarks
RSS feed
Loading...
Loading...
Loading...
Apps & Tools
188 bookmarks
Art & Prints
126 bookmarks
Books & Magazines
22 bookmarks
Design
114 bookmarks
Fonts
80 bookmarks
Frontend
352 bookmarks
Icons
46 bookmarks
Portfolio
226 bookmarks
Reading
191 bookmarks
Tweets
45 bookmarks
VS Code
31 bookmarks
Wallpapers
34 bookmarks
Websites
233 bookmarks
Frontend
Loading...
Frontend
Loading...
react-native-nitro-theme-transition — sixteen native theme transitions
saleh2001k.github.io
GPU-driven theme-change transitions for React Native. Sixteen effects, no Skia, no Reanimated, no JS animation library.
Generative Loaders
generativeloaders.com
Animated React loaders for text, inline, and image generation states.
RSLAB · The Expo & React Native component library
lab.rselmi.com
The Expo & React Native component library. One command, the source is yours.
AI Skills for Real Engineers
aihero.dev
A practical skill system for engineers who want to use AI without giving up their standards.
Native Bloom | React Native UI Catalog
nativebloom.dev
A handpicked catalog of React Native UI blocks from real builders. Preview every block on video, find it in seconds, and ship with copy-ready prompts for your agent.
Loading UI - spinners, loaders, and loading animations for the web
loading-ui.com
Free and open source CSS and React loaders, spinners, and animations to create polished, accessible loading states for modern web apps.
Shoogle - shadcn UI Components & Blocks Search Engine
shoogle.dev
Search shadcn UI blocks, components and templates across the shadcn registries
interior.dev
interior.dev
micro-interactions for react, built for the half-second after a click.
Maestro, End-to-End UI Testing for Mobile and Web
maestro.dev
Create reliable UI tests fast. Run free on CLI or Maestro Studio, then scale on Maestro Cloud. Automate iOS, Android and web with simple setup.
MetalForge — Beautiful Metal shaders for SwiftUI
metalforge.xyz
Generate SwiftUI [[stitchable]] Metal shaders by tweaking sliders. No MSL written, real .metal file out.
Fluid Functionalism
fluidfunctionalism.com
Shadcn components used in service of functional clarity.
AIcss
aicss.dev
Beautifully designed, copy-paste UI components for AI agent conversations: thinking states, tool calls, streaming text, citations, tables and more. Ships in React, Vue and Svelte with plain CSS and no Tailwind.
Cuelume. Interaction sounds for the web
cuelume.dev
Cuelume is a tiny, dependency-free library of carefully designed interaction sounds, synthesized live with Web Audio.
Beautiful UI — Crafted primitives for AI-native interfaces
beautiful-ui-five.vercel.app
A 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.
Great UI - Craft Premium React Interfaces with Absolute Speed
great-ui.com
Beautiful, accessible, and high-performance React components built with Tailwind CSS. Copy, paste, and build premium interfaces instantly.
Arlan Marat
arlan.me
Visuals and interactions I love from around the web, taken apart and rebuilt into something anyone can use.
PanelUI — React Native UI components for Expo, styled with Tailwind CSS
panelui.dev
PanelUI is an accessible, high-performance React Native component library for Expo. 39 typed components — bottom sheets, dialogs, selects, toasts, forms — styled with Tailwind CSS v4 and animated on the UI thread with Reanimated. Zero native code, so it runs in Expo Go.
Expo Observe
expo.dev
Mobile performance you can trust directly in your Expo dashboard
Native SDK | The Complete Toolkit for Native Apps
native-sdk.dev
Native SDK is the complete toolkit for building beautiful native desktop applications: declarative markup, a predictable message-based state model, a modern component library, and its own native renderer — no browser, no WebView, no compromise.
Animate text skill for your AI agent.
pixelpoint.io
Get beautiful text animations in any stack by installing this skill to your AI agent. Use it with remotion, motion, gsap, waapi or any other libraries.
Hex UI
hexui.sh
Accelerate your section development. Get free, high-quality sections to copy, paste, and customize to your liking. Open Source. Open Code.
beUI
beui.dev
Free, open-source, shadcn-compatible motion components for React and Next.js. Built on Motion and Tailwind CSS. Copy-paste the source or install with the shadcn CLI.
Canvas UI
canvasui.dev
A free, open source component library of creative canvas and WebGL effects for React, Vue, Svelte, and vanilla JS.
OpenSEO - Open Source SEO Platform
openseo.so
OpenSEO is the open source alternative to Ahrefs and Semrush. Keyword research, backlinks, rank tracking, and site audits, billed by usage instead of a $100-plus monthly subscription. Self-host it free, or connect it to your AI agents over MCP.
React Virtuoso
virtuoso.dev
The most complete React virtualization library for lists, grids, tables, and chat interfaces.
Liveline
benji.org
Real-time animated line chart for React.
Introduction | Headroom
headroom-docs.vercel.app
Headroom is the context optimization layer for LLM applications. Compress tool outputs, DB results, file reads, and RAG results before they reach the model. Same answers, fraction of the tokens.
glm-5.2
ollama.com
GLM-5.2 is Z.ai’s flagship model for the era of long-horizon tasks.
hyperellipse
hyperellipse.vercel.app
CSS polyfill for squircles, superellipses, scoops, notches in any browser. Supports every frontend framework. SSR-friendly. Open-source.
slot-text — tiny text roll animation
textmotion.dev
slot-text — dependency-free text roll animation for tiny, tactile UI labels.
Border Beam
beam.jakubantalik.com
Animated border beam component for React
glimm — shader-driven page transitions
glimm.dev
A single WebGL band sweeps across the screen while routes swap underneath. Sub-10kb, GPU-composited, drop-in.
Free & Pro Shadcn Dashboard Blocks
efferd.com
Discover Dashboard blocks — ready to copy, customize, and drop into your Shadcn/UI project.
Formisch: The lightweight, schema-first, and fully type-safe form library for React, Solid, Vue, Svelte and more
formisch.dev
Formisch is a schema-based, headless form library for JS frameworks. It manages form state and validation. It is type-safe, fast by default and its bundle size is small due to its modular design.
Kumo
kumo-ui.com
Kumo – a modern component library
Shaders | Aceternity UI Blocks
ui.aceternity.com
A collection of reusable shaders for your backgrounds.
Watermelon UI — Premium React Components, Dashboards & Blocks
ui.watermelon.sh
A collection of high-quality React components, dashboards, and UI blocks. Copy and paste production-ready UI with ease.
blocks.so - Web Development
toolfolio.io
Explore blocks.so, a Free tool for Web Development. Modern React building blocks for web apps, compatible with all React frameworks. Free and open source.
Transitions.dev
transitions.dev
Collection of the most essential transitions for web apps that you can just copy and paste into any project.
muload — 38 dot-matrix loaders for AI UIs
muload.dev
38 dot-matrix loaders shaped for AI UIs — token streams, attention heads, embeddings. Pure CSS, accessible, configurable. $9 launch offer (was $29) — lifetime updates.
@web-kits/audio
audio.raphaelsalaja.com
Declarative audio synthesis for the web.
Gradient Border Plugin
gradient-border.floriankiem.com
A simple Tailwind CSS plugin for beautiful gradient borders using mask-composite.
unlumen UI – Beautifully Designed React Components
ui.unlumen.com
Install production-ready React components with the shadcn CLI. Built with TypeScript, Tailwind CSS and Motion.
UI Skills
ui-skills.com
A set of skills to polish interfaces built by agents.
Evil Charts - Beautiful & Animated Charts
evilcharts.com
Evil Charts is a library of beautiful charts components that are easy to use and customize. It is built with Tailwind CSS and React. Built on top of shadcn/recharts.
devl.dev — UI experiments built on coss-ui
devl.dev
Two years of UI experiments. 159+ components built on coss-ui, all on the shadcn registry. Press 'c' on any design to copy the source.
Trees, from Pierre
trees.software
@pierre/trees is an open source file tree rendering library. It's built for performance and flexibility, is super customizable, and comes packed with features.
Caveman | Lithic Token Compression
juliusbrussee.github.io
Expect
expect.dev
Let agents test your code in a real browser.
Diffs, from Pierre
diffs.com
An open source diff and file rendering library by The Pierre Computer Company.
react-native-nitro-theme-transition — sixteen native theme transitions
saleh2001k.github.io
GPU-driven theme-change transitions for React Native. Sixteen effects, no Skia, no Reanimated, no JS animation library.
RSLAB · The Expo & React Native component library
lab.rselmi.com
The Expo & React Native component library. One command, the source is yours.
Native Bloom | React Native UI Catalog
nativebloom.dev
A handpicked catalog of React Native UI blocks from real builders. Preview every block on video, find it in seconds, and ship with copy-ready prompts for your agent.
Shoogle - shadcn UI Components & Blocks Search Engine
shoogle.dev
Search shadcn UI blocks, components and templates across the shadcn registries
Maestro, End-to-End UI Testing for Mobile and Web
maestro.dev
Create reliable UI tests fast. Run free on CLI or Maestro Studio, then scale on Maestro Cloud. Automate iOS, Android and web with simple setup.
Fluid Functionalism
fluidfunctionalism.com
Shadcn components used in service of functional clarity.
Cuelume. Interaction sounds for the web
cuelume.dev
Cuelume is a tiny, dependency-free library of carefully designed interaction sounds, synthesized live with Web Audio.
Great UI - Craft Premium React Interfaces with Absolute Speed
great-ui.com
Beautiful, accessible, and high-performance React components built with Tailwind CSS. Copy, paste, and build premium interfaces instantly.
PanelUI — React Native UI components for Expo, styled with Tailwind CSS
panelui.dev
PanelUI is an accessible, high-performance React Native component library for Expo. 39 typed components — bottom sheets, dialogs, selects, toasts, forms — styled with Tailwind CSS v4 and animated on the UI thread with Reanimated. Zero native code, so it runs in Expo Go.
Native SDK | The Complete Toolkit for Native Apps
native-sdk.dev
Native SDK is the complete toolkit for building beautiful native desktop applications: declarative markup, a predictable message-based state model, a modern component library, and its own native renderer — no browser, no WebView, no compromise.
Hex UI
hexui.sh
Accelerate your section development. Get free, high-quality sections to copy, paste, and customize to your liking. Open Source. Open Code.
Canvas UI
canvasui.dev
A free, open source component library of creative canvas and WebGL effects for React, Vue, Svelte, and vanilla JS.
React Virtuoso
virtuoso.dev
The most complete React virtualization library for lists, grids, tables, and chat interfaces.
Introduction | Headroom
headroom-docs.vercel.app
Headroom is the context optimization layer for LLM applications. Compress tool outputs, DB results, file reads, and RAG results before they reach the model. Same answers, fraction of the tokens.
hyperellipse
hyperellipse.vercel.app
CSS polyfill for squircles, superellipses, scoops, notches in any browser. Supports every frontend framework. SSR-friendly. Open-source.
Border Beam
beam.jakubantalik.com
Animated border beam component for React
Free & Pro Shadcn Dashboard Blocks
efferd.com
Discover Dashboard blocks — ready to copy, customize, and drop into your Shadcn/UI project.
Kumo
kumo-ui.com
Kumo – a modern component library
Watermelon UI — Premium React Components, Dashboards & Blocks
ui.watermelon.sh
A collection of high-quality React components, dashboards, and UI blocks. Copy and paste production-ready UI with ease.
Transitions.dev
transitions.dev
Collection of the most essential transitions for web apps that you can just copy and paste into any project.
@web-kits/audio
audio.raphaelsalaja.com
Declarative audio synthesis for the web.
unlumen UI – Beautifully Designed React Components
ui.unlumen.com
Install production-ready React components with the shadcn CLI. Built with TypeScript, Tailwind CSS and Motion.
Evil Charts - Beautiful & Animated Charts
evilcharts.com
Evil Charts is a library of beautiful charts components that are easy to use and customize. It is built with Tailwind CSS and React. Built on top of shadcn/recharts.
Trees, from Pierre
trees.software
@pierre/trees is an open source file tree rendering library. It's built for performance and flexibility, is super customizable, and comes packed with features.
Expect
expect.dev
Let agents test your code in a real browser.
Generative Loaders
generativeloaders.com
Animated React loaders for text, inline, and image generation states.
AI Skills for Real Engineers
aihero.dev
A practical skill system for engineers who want to use AI without giving up their standards.
Loading UI - spinners, loaders, and loading animations for the web
loading-ui.com
Free and open source CSS and React loaders, spinners, and animations to create polished, accessible loading states for modern web apps.
interior.dev
interior.dev
micro-interactions for react, built for the half-second after a click.
MetalForge — Beautiful Metal shaders for SwiftUI
metalforge.xyz
Generate SwiftUI [[stitchable]] Metal shaders by tweaking sliders. No MSL written, real .metal file out.
AIcss
aicss.dev
Beautifully designed, copy-paste UI components for AI agent conversations: thinking states, tool calls, streaming text, citations, tables and more. Ships in React, Vue and Svelte with plain CSS and no Tailwind.
Beautiful UI — Crafted primitives for AI-native interfaces
beautiful-ui-five.vercel.app
A 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.
Arlan Marat
arlan.me
Visuals and interactions I love from around the web, taken apart and rebuilt into something anyone can use.
Expo Observe
expo.dev
Mobile performance you can trust directly in your Expo dashboard
Animate text skill for your AI agent.
pixelpoint.io
Get beautiful text animations in any stack by installing this skill to your AI agent. Use it with remotion, motion, gsap, waapi or any other libraries.
beUI
beui.dev
Free, open-source, shadcn-compatible motion components for React and Next.js. Built on Motion and Tailwind CSS. Copy-paste the source or install with the shadcn CLI.
OpenSEO - Open Source SEO Platform
openseo.so
OpenSEO is the open source alternative to Ahrefs and Semrush. Keyword research, backlinks, rank tracking, and site audits, billed by usage instead of a $100-plus monthly subscription. Self-host it free, or connect it to your AI agents over MCP.
Liveline
benji.org
Real-time animated line chart for React.
glm-5.2
ollama.com
GLM-5.2 is Z.ai’s flagship model for the era of long-horizon tasks.
slot-text — tiny text roll animation
textmotion.dev
slot-text — dependency-free text roll animation for tiny, tactile UI labels.
glimm — shader-driven page transitions
glimm.dev
A single WebGL band sweeps across the screen while routes swap underneath. Sub-10kb, GPU-composited, drop-in.
Formisch: The lightweight, schema-first, and fully type-safe form library for React, Solid, Vue, Svelte and more
formisch.dev
Formisch is a schema-based, headless form library for JS frameworks. It manages form state and validation. It is type-safe, fast by default and its bundle size is small due to its modular design.
Shaders | Aceternity UI Blocks
ui.aceternity.com
A collection of reusable shaders for your backgrounds.
blocks.so - Web Development
toolfolio.io
Explore blocks.so, a Free tool for Web Development. Modern React building blocks for web apps, compatible with all React frameworks. Free and open source.
muload — 38 dot-matrix loaders for AI UIs
muload.dev
38 dot-matrix loaders shaped for AI UIs — token streams, attention heads, embeddings. Pure CSS, accessible, configurable. $9 launch offer (was $29) — lifetime updates.
Gradient Border Plugin
gradient-border.floriankiem.com
A simple Tailwind CSS plugin for beautiful gradient borders using mask-composite.
UI Skills
ui-skills.com
A set of skills to polish interfaces built by agents.
devl.dev — UI experiments built on coss-ui
devl.dev
Two years of UI experiments. 159+ components built on coss-ui, all on the shadcn registry. Press 'c' on any design to copy the source.
Caveman | Lithic Token Compression
juliusbrussee.github.io
Diffs, from Pierre
diffs.com
An open source diff and file rendering library by The Pierre Computer Company.
Load more