Bran Hills, designer and tinker of things

Thinking Tools

https://untools.co/

FrameworkWebsite

Laurids Kern

https://lauridskern.com/

PortfolioWebsite

Proton

https://proton.me/

AppsProduct ShowcaseWebsite

Height App

https://height.app/

AppsProduct ShowcaseWebsite

Narrative Studio

https://www.narative.co/

AppsProduct ShowcaseWebsite

Fey Apps

https://www.feyapp.com/

AppsProduct ShowcaseWebsite

Anron Icons

https://www.anron.pro/

AppsProduct ShowcaseWebsite

Planetscale

https://planetscale.com/

AppsProduct ShowcaseWebsite

Logsnag

https://logsnag.com/

AppsWebsite

Tama GUI

https://tamagui.dev/

AppsFrameworkProduct ShowcaseWebsite

Brian Lovin

https://brianlovin.com/

Good FollowInspirationPortfolioWebsite

Johnnyvino Interaction Library

https://interactions.johnyvino.com/

Good FollowInspirationPortfolioWebsiteProduct Showcase

Planetscale Product Design Process

https://planetscale.com/blog/how-product-design-works-at-planetscale

Article

Themer

https://www.figma.com/community/plugin/731176732337510831

Figma Plugin

Blobs

https://www.figma.com/community/plugin/739208439270091369

Figma Plugin

Get Waves

https://www.figma.com/community/plugin/745619465174154496

Figma Plugin

Arc

https://www.figma.com/community/plugin/762070688792833472

Figma Plugin

A11y Color Contrast Checker

https://www.figma.com/community/plugin/733159460536249875

Figma Plugin

Color System

https://www.figma.com/community/plugin/1018552603902710764

Figma Plugin

Gist

https://www.figma.com/community/plugin/1073059820691713754

Figma Plugin

Figpie

https://www.figma.com/community/plugin/924390003304842148

Figma Plugin

Grayscale

https://www.figma.com/community/plugin/1105916617805028875

Figma Plugin

Noise & Texture

https://www.figma.com/community/plugin/752558325552095625

Figma Plugin

To Path

https://www.figma.com/community/plugin/751576264585242935

Figma Plugin

Super Tidy

https://www.figma.com/community/plugin/731260060173130163

Figma Plugin

QuickFrames

https://rafaltomal.com/quickframes/

Figma File

Haikei

https://haikei.app/

AppsWebsite

iOS 16 UI Kit for Figma

https://www.figma.com/community/file/1121065701252736567

Figma File

Skeuomorphic Buttons

https://codepen.io/jouanmarcel/pen/RwweKqb

CodeWebsite

Atomic Design 2022

https://uxdesign.cc/atomic-design-2022-what-we-can-learn-from-eames-and-other-design-giants-4d8e2f579daa

Article

SVGOMG

https://jakearchibald.github.io/svgomg/

AppsCode

The Folly of Design System 'Foundations'

https://superfriendly.com/design-systems/articles/folly-of-design-system-foundations/

Article

Radial Generator

https://www.figma.com/community/plugin/1118321937703348544

Figma Plugin

Ray.so

https://ray.so/

Apps

Awesome Landing Pages

https://github.com/nordicgiant2/awesome-landing-page?ref=undesign

Inspiration

Stitches

https://stitches.dev/

CodeFramework

Radix

https://www.radix-ui.com/

CodeFramework

SaaS Landing Page Examples

https://saaslandingpage.com/

Inspiration

Michael Riddering

https://www.figma.com/@riddering

Good Follow

Monorepos Explained

https://monorepo.tools/?twclid=229re0riz8yyglx0e5j77ustv3

Article

Bloop

https://marketplace.visualstudio.com/items?itemName=bloop.bloop

CodeExtension

Magical Hover Effect Tutorial

https://codepen.io/Hyperplexed/full/MWQeYLW

CodeWebsite

A Guide to Twitter

https://tasshin.com/blog/a-guide-to-twitter/

Article

Migrating to Figma

https://medium.com/8px-magazine/migrating-to-figma-the-business-case-the-process-and-the-libraries-dedd205a9958

Article

Shuffle.dev

https://shuffle.dev/

Apps

Master JS

https://masterjs.vercel.app/

CodeWebsite

Zeroheight

https://www.zeroheight.com/

Apps

Undesign

https://undesign.learn.uno/

AppsWebsite

Directory Structure

https://gridsome.org/docs/directory-structure/

ArticleCode

How to Manager Your Folder Structure in JS Properly

https://www.rahmandawibowo.com/blog/en/how-to-manage-your-folder-structure-in-js-project-effectively/

ArticleCode

Siteinspire

https://www.siteinspire.com/

Inspiration

Pagecollective

https://pagecollective.com/

Inspiration

600 Premium Outline Icons

https://ui8.net/smashing-stocks/products/premium-line-icons

Inspiration

Essential Web Icons Vol 2

https://ui8.net/virgil-pana/products/web-essential-icons-volume-2

Inspiration

Design Sensei

https://www.designsensei.io/

AppsWebsite

Barlow Mono

https://github.com/tetraoxygen/barlow-mono

Typography

How to build a design system if you're the only designer in a startup

https://uxdesign.cc/how-to-build-a-design-system-if-youre-the-only-designer-in-a-startup-f4695d2f4b7f

Article

Components.ai

https://components.ai/

AppsWebsite

React Apple Watch Bubble UI Tutorial

https://bubbleui.blakesanie.com/#/demo

ArticleCode

Minimator

https://minimator.app/

Apps

Applying Whitespace in UI Design

https://uxdesign.cc/whitespace-in-ui-design-44e332c8e4a

Article

CSS Tips

https://markodenic.com/css-tips/

ArticleCode

PixelGrid

https://pixelgrid.zwezdin.com/

Extension

HexGuess

http://hex-guess.glitch.me/

Apps

Utopia - Fluid Responsive Design

https://utopia.fyi/

Website

YourStack

https://yourstack.com/

Website

Pulsar

https://www.trypulsar.com/

Apps

Shawn Park

https://www.designbyroka.com/

Portfolio

Product Hunt

https://www.producthunt.com/

Website

Give it Five Minutes

https://signalvnoise.com/posts/3124-give-it-five-minutes

ArticleMental Health

Maggie Appleton

https://maggieappleton.com/

Portfolio

Responsive Grids and How to Actually Use Them

https://uxdesign.cc/responsive-grids-and-how-to-actually-use-them-970de4c16e01

Article

Justin Farrugia

https://www.justinfarrugia.com/

Portfolio

Interface in Game

https://interfaceingame.com/

InspirationWebsite

GameUI Database

https://gameuidatabase.com/index.php

InspirationWebsite

The UX of Video Game Tutorials

https://uxdesign.cc/the-ux-of-video-game-tutorials-7e7bc37e2ceb

Article

Mobbin

https://mobbin.com/

Inspiration

Liferay.Design

https://liferay.design/resources/figma/

Figma FileInspirationWebsite

Josh W. Comeau

https://www.joshwcomeau.com/blog/how-i-built-my-blog/

CodeGood FollowWebsite

Have better career conversations with your design team with this levels framework

https://orgdesignfordesignorgs.com/2017/05/12/design-team-levels-framework/

Article

Design Team Levels Framework

https://docs.google.com/spreadsheets/d/1m-Cso3848CgEz0eng5spL0lDppnwOgt726jJ01pVwO8/htmlview#gid=288553197

Framework

How to build a User Research repository in Notion

https://uxdesign.cc/step-by-step-how-to-build-a-user-research-repository-in-notion-8d96c46a0211

Article

Designing Microinteractions with Figma interactive components

https://bootcamp.uxdesign.cc/designing-micro-interactions-with-figma-interactive-components-23a02d10be6b

Article

Glassmorphism in UI

https://uxdesign.cc/glassmorphism-in-user-interfaces-1f39bb1308c9

Article

Website Style Guide Resources

http://styleguides.io/

InspirationWebsite

The 8-Point Grid

https://spec.fm/specifics/8-pt-grid

Article

Carbon Design System

https://carbondesignsystem.com/guidelines/2x-grid/overview/

Inspiration

How to Develop an Eye for Design

https://carbondesignsystem.com/guidelines/2x-grid/overview/

Article

CSS Masonry Layouts

https://fjolt.com/article/css-grid-masonry

ArticleCode

The Ultimate Guide to Customer Journey Mapping

https://uxdesign.cc/ultimate-guide-to-customer-journey-mapping-ux-tools-series-b973ca442213

Article

Text Fields & Form Design

https://www.notion.so/Bookmarks-c9d7900ccc2545c48e0318526f9f4c84

Article

Anatomy of a Button

https://uxdesign.cc/button-design-user-interface-components-series-85243b6736c7

Article

Squircle

https://en.wikipedia.org/wiki/Squircle

Website

http://Are.na Job Board

https://www.are.na/carly-ayres/resources-for-design-job-seekers

Jobs

A Beginner's Guide to Web Accessibility

https://bootcamp.uxdesign.cc/beginners-guide-to-web-accessibility-514644750b0f

Article

Design Vault

https://designvault.io/

InspirationWebsite

CollectUI

https://collectui.com/challenges/social-share

InspirationWebsite

Layoutit Grid

https://grid.layoutit.com/

AppsCode

How Much Does a Website Cost in 2021?

https://designagency.io/

Article

CSS Definition

https://developer.mozilla.org/en-US/docs/Web/CSS

CodeWebsite

Every Layout

https://every-layout.dev/layouts/stack/

AppsCodeWebsite

1 Line Layouts

http://1linelayouts.glitch.me/

CodeWebsite

Creating a design system in Figma: a practical guide

http://1linelayouts.glitch.me/

Article

Cleaning Up Form UI

https://tonsky.me/blog/form-cleanup/

ArticleInspiration

Design Tokens Cheat Sheet

https://uxdesign.cc/design-tokens-cheatsheet-927fc1404099

Article

Design Details Cool Things

https://cool-things-design-details.webflow.io/

Website

Laws of UX

https://lawsofux.com/en/

Website

Built for Mars

https://builtformars.com/

Website

Careervault.io

https://careervault.io/

Jobs

Codesandbox

https://codesandbox.io/explore

AppsCode

Sproutsocial

https://seeds.sproutsocial.com/components/getting-started/

CodeFramework

Styled-Components

https://styled-components.com/

CodeFramework

Google Lighthouse Guide

https://myland.nu/lighthouse/

Article

Compose a Vertical Rhythm

https://24ways.org/2006/compose-to-a-vertical-rhythm

Article

Setting Type on the web to a baseline grid

https://alistapart.com/article/settingtypeontheweb/

Article

Intro to React

https://reactjs.org/tutorial/tutorial.html

Article

Majesticons

https://www.majesticons.com/

AppsInspirationWebsite

SaasPages.xyz

https://saaspages.xyz/

InspirationWebsite

Getting Rejected a lot and liking it

https://getpocket.com/explore/item/on-getting-rejected-a-lot-and-liking-it?utm_source=pocket-newtab

Article

Mae Capozzi

https://maecapozzi.com/

Good FollowPortfolioWebsite