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
123 bookmarks
Art & Prints
39 bookmarks
Books & Magazines
10 bookmarks
Design
66 bookmarks
Fonts
63 bookmarks
Frontend
167 bookmarks
Icons
24 bookmarks
Portfolio
132 bookmarks
Reading
141 bookmarks
Tweets
42 bookmarks
VS Code
24 bookmarks
Wallpapers
26 bookmarks
Websites
184 bookmarks
Design
Design
Bodega
bodega.supply
Mesh Gradients Generator by MagicPattern
magicpattern.design
Create unique mesh gradients and fluid gradient for your web design projects, graphic design posters, and wallpapers.
Curated Website Section Designs | Home
unsection.com
Unsection is a website that offers inspiration for various website sections. It is a good resource for finding the best website section for your website.
Design Systems Database: Surf among top‑notch Design Systems
designsystems.surf
Best-in-class Design Systems with components and foundations references from top-tier tech companies and leading UI teams.
UI Guideline - Component Standardization
uiguideline.com
The definitive guide to standardize the design/code of the UI Components based on the most popular Design Systems and UI Frameworks and Libraries
Copy-Paste SVG Shapes
shapes.framer.website
SVG Shapes
Magic UI
magicui.design
Beautiful UI components and templates to make your landing page look stunning.
Viewport UI - Uma coleção curada de experiências em UI.
viewport-ui.design
60fps
60fps.design
Ultimate library featuring Product Ads, Landing Pages, Interactions and Illustrations
BentoGrids
bentogrids.com
BentoGrids is a curated collection of bento designs for your inspiration.
Shoelace
shoelace.style
Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology.
Blank Design System
useblank.design
The fastest UI Kit & Design System for Figma
Data Viz Project
datavizproject.com
Collection of data visualizations to get inspired and find the right type
UI Colorgen
ui-colorgen.vercel.app
An ui colorgen application built to help you with color setup in shadcn/ui.
Tremor UI Kit (Community)
figma.com
Figma Community file - This community built UI library will help you design interfaces that are inline with the official React components of Tremor. Use more than 20 components to planning and ideating your app before investing in code. Learn more about Tremor, or check out the docs. Feel free to leave ...
Landings - Landing Page Examples
landings.dev
Find the best landing pages for your design inspiration based on your preference
Design Systems Directory - usrnk1.com
usrnk1.com
A curated collection of publicly accessible design systems. Token libraries, style guides and pattern libraries that you can use for reference and inspiration.
Chakra Templates
chakra-templates.dev
A growing open-source collection of hand-crafted Chakra UI templates ready to drop into your React project.
Atomize Design System
atomizedesign.com
The most advanced UI design framework for Figma
Home - UI Faces
uifaces.co
colorsandfonts.com
colorsandfonts.com
Color and typography for Web Developers and Digital Designers.
Simpler & Faster to use Icons
oni-icons.com
Find icons with the smart search and copy with one click. Adjust the colors once and never worry about it again. Easily customize your iPhone home screen with our packs. Free minimalist theme in black available.
Laws of UX
lawsofux.com
Laws of UX is a collection of best practices that designers can consider when building user interfaces.
Recent Design
recent.design
The best of recent web, interface and interaction design on Twitter, and everywhere else.
bg.ibelick - ready-to-use background snippets for web developers
bg.ibelick.com
Ready-to-use, simply copy and paste into your next project. All snippets crafted with Tailwind CSS and Vanilla CSS for easy integration.
ui.ibelick - components collections
ui.ibelick.com
A unique collection of modern UI components and effects.
Logoshaper
logoshaper.co
Logo design made simple for startup founders
Forma 36 - The Contentful Design System
f36.contentful.com
Forma 36 is an open-source design system by Contentful created with the intent to reduce the overhead of creating UI by providing tools and guidance for digital teams building and extending Contentful products.
Wanda Design System
design.wonderflow.ai
Wanda is Wonderflow's design system
The Design System Guide
thedesignsystem.guide
Step-by-step Interactive Handbook
Free SVG generators, color tools & web design tools
fffuel.co
A fun collection of free SVG generators for gradients, patterns, shapes, textures & cool backgrounds. Plus, some more color tools for web designers.
nnnoise: Online SVG Noise Texture Generator
fffuel.co
Use this SVG generator to create subtle noise textures and add an organic feel to pages/elements on the web by using these textures as background images.
Building Your Color Palette - Refactoring UI
refactoringui.com
Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.
Variant Vault - A collection of Framer Motion variants
variantvault.vercel.app
Variant Vault is a collection of Framer Motion variants that you can use in your own projects. All the variants are free to use for personal and commercial projects.
Untitled UI — Figma UI Kit and Design System
untitledui.com
Untitled UI is the largest UI kit and design system for Figma in the world. Kickstart any project, save thousands of hours, and level up as a designer.
Headless UI
headlessui.com
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
The Best Landing Page Design Inspiration, Templates and More
landingfolio.com
Looking for landing page inspiration? We've got you covered. Landingfolio features the best landing page designs, templates, component and more on the web. Get inspired by real landing page examples.
OGimage.gallery | The finest hand-picked OG Images ✨
ogimage.gallery
Gallery with the best and most carefully collected OG images.
Say goodbye to building Tailwind sites from scratch | Landingfolio
landingfolio.com
Your front-end building blocks for the web. With lots of unique blocks, you can easily build a page without coding. Build your next landing page.
Stripe Guides
stripe.com
Find Stripe’s guides and resources for developers and businesses. We have everything from machine learning and global payments to building marketplaces.
Components
component.gallery
The Component Gallery is a collection of components from the best Design Systems.
User Interface Gallery
ui.gallery
Painting with user interfaces.
UX Tools
uxtools.co
Learn user-first design with practical skills and tools so you can build better digital experiences.
IconKitchen
icon.kitchen
Cook up app icons for any platform
Floating UI - Positioning for tooltips, popovers, dropdowns, and more
floating-ui.com
Icons - Google Fonts
fonts.google.com
Making the web more beautiful, fast, and open through great typography
makowka character maker II|Picrew
picrew.me
- for NON-COMMERCIAL USE only! you can't use it for advertising, album covers, book illustrations etc - you can use it as your profile picture (credit me if you crop it and you can't see my signature anymore) -don't claim it as your own art -don't edit the picture. you can redraw it, but credit me please. twitter: https://twitter.com/makowwka?s=09 instagram: https://www.instagram.com/mak0wka/ if you have questions, contact me via twitter or email: lisamkwk@gmail.com
Build something amazing.
reflexjs.org
Starter kits, themes and blocks to help you build Gatsby and Nextjs sites faster. Built using a styling library that has everything you care about. Speed and excellent developer experience.
Stitches
stitches.dev
The modern CSS-in-JS library. By Modulz
Balance Design System
reckon-web-design-system.netlify.app
Bodega
bodega.supply
Curated Website Section Designs | Home
unsection.com
Unsection is a website that offers inspiration for various website sections. It is a good resource for finding the best website section for your website.
UI Guideline - Component Standardization
uiguideline.com
The definitive guide to standardize the design/code of the UI Components based on the most popular Design Systems and UI Frameworks and Libraries
Magic UI
magicui.design
Beautiful UI components and templates to make your landing page look stunning.
60fps
60fps.design
Ultimate library featuring Product Ads, Landing Pages, Interactions and Illustrations
Shoelace
shoelace.style
Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology.
Data Viz Project
datavizproject.com
Collection of data visualizations to get inspired and find the right type
Tremor UI Kit (Community)
figma.com
Figma Community file - This community built UI library will help you design interfaces that are inline with the official React components of Tremor. Use more than 20 components to planning and ideating your app before investing in code. Learn more about Tremor, or check out the docs. Feel free to leave ...
Design Systems Directory - usrnk1.com
usrnk1.com
A curated collection of publicly accessible design systems. Token libraries, style guides and pattern libraries that you can use for reference and inspiration.
Atomize Design System
atomizedesign.com
The most advanced UI design framework for Figma
colorsandfonts.com
colorsandfonts.com
Color and typography for Web Developers and Digital Designers.
Laws of UX
lawsofux.com
Laws of UX is a collection of best practices that designers can consider when building user interfaces.
bg.ibelick - ready-to-use background snippets for web developers
bg.ibelick.com
Ready-to-use, simply copy and paste into your next project. All snippets crafted with Tailwind CSS and Vanilla CSS for easy integration.
Logoshaper
logoshaper.co
Logo design made simple for startup founders
Wanda Design System
design.wonderflow.ai
Wanda is Wonderflow's design system
Free SVG generators, color tools & web design tools
fffuel.co
A fun collection of free SVG generators for gradients, patterns, shapes, textures & cool backgrounds. Plus, some more color tools for web designers.
Building Your Color Palette - Refactoring UI
refactoringui.com
Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.
Untitled UI — Figma UI Kit and Design System
untitledui.com
Untitled UI is the largest UI kit and design system for Figma in the world. Kickstart any project, save thousands of hours, and level up as a designer.
The Best Landing Page Design Inspiration, Templates and More
landingfolio.com
Looking for landing page inspiration? We've got you covered. Landingfolio features the best landing page designs, templates, component and more on the web. Get inspired by real landing page examples.
Say goodbye to building Tailwind sites from scratch | Landingfolio
landingfolio.com
Your front-end building blocks for the web. With lots of unique blocks, you can easily build a page without coding. Build your next landing page.
Components
component.gallery
The Component Gallery is a collection of components from the best Design Systems.
UX Tools
uxtools.co
Learn user-first design with practical skills and tools so you can build better digital experiences.
Floating UI - Positioning for tooltips, popovers, dropdowns, and more
floating-ui.com
makowka character maker II|Picrew
picrew.me
- for NON-COMMERCIAL USE only! you can't use it for advertising, album covers, book illustrations etc - you can use it as your profile picture (credit me if you crop it and you can't see my signature anymore) -don't claim it as your own art -don't edit the picture. you can redraw it, but credit me please. twitter: https://twitter.com/makowwka?s=09 instagram: https://www.instagram.com/mak0wka/ if you have questions, contact me via twitter or email: lisamkwk@gmail.com
Stitches
stitches.dev
The modern CSS-in-JS library. By Modulz
Mesh Gradients Generator by MagicPattern
magicpattern.design
Create unique mesh gradients and fluid gradient for your web design projects, graphic design posters, and wallpapers.
Design Systems Database: Surf among top‑notch Design Systems
designsystems.surf
Best-in-class Design Systems with components and foundations references from top-tier tech companies and leading UI teams.
Copy-Paste SVG Shapes
shapes.framer.website
SVG Shapes
Viewport UI - Uma coleção curada de experiências em UI.
viewport-ui.design
BentoGrids
bentogrids.com
BentoGrids is a curated collection of bento designs for your inspiration.
Blank Design System
useblank.design
The fastest UI Kit & Design System for Figma
UI Colorgen
ui-colorgen.vercel.app
An ui colorgen application built to help you with color setup in shadcn/ui.
Landings - Landing Page Examples
landings.dev
Find the best landing pages for your design inspiration based on your preference
Chakra Templates
chakra-templates.dev
A growing open-source collection of hand-crafted Chakra UI templates ready to drop into your React project.
Home - UI Faces
uifaces.co
Simpler & Faster to use Icons
oni-icons.com
Find icons with the smart search and copy with one click. Adjust the colors once and never worry about it again. Easily customize your iPhone home screen with our packs. Free minimalist theme in black available.
Recent Design
recent.design
The best of recent web, interface and interaction design on Twitter, and everywhere else.
ui.ibelick - components collections
ui.ibelick.com
A unique collection of modern UI components and effects.
Forma 36 - The Contentful Design System
f36.contentful.com
Forma 36 is an open-source design system by Contentful created with the intent to reduce the overhead of creating UI by providing tools and guidance for digital teams building and extending Contentful products.
The Design System Guide
thedesignsystem.guide
Step-by-step Interactive Handbook
nnnoise: Online SVG Noise Texture Generator
fffuel.co
Use this SVG generator to create subtle noise textures and add an organic feel to pages/elements on the web by using these textures as background images.
Variant Vault - A collection of Framer Motion variants
variantvault.vercel.app
Variant Vault is a collection of Framer Motion variants that you can use in your own projects. All the variants are free to use for personal and commercial projects.
Headless UI
headlessui.com
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
OGimage.gallery | The finest hand-picked OG Images ✨
ogimage.gallery
Gallery with the best and most carefully collected OG images.
Stripe Guides
stripe.com
Find Stripe’s guides and resources for developers and businesses. We have everything from machine learning and global payments to building marketplaces.
User Interface Gallery
ui.gallery
Painting with user interfaces.
IconKitchen
icon.kitchen
Cook up app icons for any platform
Icons - Google Fonts
fonts.google.com
Making the web more beautiful, fast, and open through great typography
Build something amazing.
reflexjs.org
Starter kits, themes and blocks to help you build Gatsby and Nextjs sites faster. Built using a styling library that has everything you care about. Speed and excellent developer experience.
Balance Design System
reckon-web-design-system.netlify.app
Load more