Bookmarks tagged web

Fontshare: Quality Fonts. Free.

Saved January 23, 2023

www.fontshare.com/

design css web

Saved January 14, 2023

lukeed/clsx: A tiny (228B) utility for constructing `className` strings conditionally.

github.com/lukeed/clsx#readme

css web jsts

Saved January 14, 2023

joe-bell/cva: Class Variance Authority

github.com/joe-bell/cva

NodeToy | Create and share shader graphs with the world

Saved January 14, 2023

nodetoy.co/

3d web shaders

Saved December 14, 2022

nextapps-de/flexsearch: Next-Generation full text search library for Browser and Node.js

github.com/nextapps-de/flexsearch

daisyUI — Tailwind CSS Components

Saved December 2, 2022

daisyui.com/

css web

Saved November 14, 2022

Idered/tailwindcss-radix-ui: Style Radix UI components with TailwindCSS

github.com/Idered/tailwindcss-radix-ui

The magical world of Particles with React Three Fiber and Shaders - Maxime Heckel's Blog

Saved November 12, 2022

blog.maximeheckel.com/posts/the-magical-world-of-particles-with-react-three-fiber-and-shaders/

web shaders

Saved November 8, 2022

Infinite Scroll Animation

codepen.io/ykadosh/pen/KKezJzz

vercel-labs/next-fetch: Intuitive data fetching for Next.js

Saved November 3, 2022

github.com/vercel-labs/next-fetch

The Study of Shaders with React Three Fiber - Maxime Heckel's Blog

Saved October 27, 2022

blog.maximeheckel.com/posts/the-study-of-shaders-with-react-three-fiber/

shaders web

Saved July 26, 2022

dcastil/tailwind-merge: Merge Tailwind CSS classes without style conflicts

github.com/dcastil/tailwind-merge

web jsts css

Saved July 22, 2022

Delba on Twitter: "Light reflection. But make it UI. Here's an idea for your loading skeletons. Let's create a shimmer animation with @tailwindcss ✨ https://t.co/WIeibH7SgK" / Twitter

twitter.com/delba_oliveira/status/1549426693357568001

Orllar #IMTConf22✌🏾🇳🇬🇬🇧🇫🇷 on Twitter: "How to master spacing in UI design. cc: uiadrian https://t.co/A6Z9AP8mdV" / Twitter

Saved July 19, 2022

twitter.com/HAFEEZOLAMIDE1/status/1548994130793095171

Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG

Saved July 19, 2022

Saved July 6, 2022

Saved July 5, 2022

patriciogonzalezvivo/glslCanvas: Simple tool to load GLSL shaders on HTML Canvas using WebGL

github.com/patriciogonzalezvivo/glslCanvas

shaders web

Saved July 4, 2022

Islands Architecture - JASON Format

jasonformat.com/islands-architecture/

Saved July 4, 2022

Saved July 3, 2022

Godly — The Best Web Design Inspiration

godly.website/

Defensive CSS - Ahmad Shadeed

Saved May 30, 2022

ishadeed.com/article/defensive-css/

css design web

Saved April 20, 2022

tisoap/react-flow-smart-edge: Custom Edge for React Flow that never intersects with other nodes

github.com/tisoap/react-flow-smart-edge

Variable - new ways of experiencing data | https://variable.io

Saved March 16, 2022

variable.io/

art web

Saved March 16, 2022

Texture — Generative Snacks! | George Francis

georgefrancis.dev/writing/texture-generative-snacks/

art jsts web svg

Saved March 14, 2022

Immersive 3D Audio and Visualization (three.js & javascript) - YouTube

www.youtube.com/watch?v=1S7ke6F8sV4

threejs web 3d

Saved March 9, 2022

leannepepper/3d-quick-measure: A React component for measuring 3D objects.

github.com/leannepepper/3d-quick-measure

web threejs 3d

Saved March 4, 2022

GoogleChromeLabs/container-query-polyfill: A polyfill for CSS Container Queries

github.com/GoogleChromeLabs/container-query-polyfill

Switch | NextUI - Beautiful, fast and modern React UI Library

Saved February 10, 2022

nextui.org/docs/components/switch

Saved January 28, 2022

Shiki

shiki.matsu.io/

GLSL type checker, formatter, and minifier online demo

Saved January 5, 2022

evanw.github.io/glslx/

shaders web

Saved December 28, 2021

Lightweight WebGL Wrapper

xem.github.io/W/

3d web jsts

Saved December 28, 2021

Theodeus/tuna: An audio effects library for the Web Audio API.

github.com/Theodeus/tuna

jsts web

Saved December 22, 2021

Tone.js

tonejs.github.io/

jsts web

Saved December 22, 2021

Three.js Journey — Learn WebGL with Three.js

threejs-journey.com/

3d web

Saved December 15, 2021

3D: Introduction | Framer for Developers

www.framer.com/docs/three-introduction/

3d web

Saved December 13, 2021

How to build stunning 3D scenes with React Three Fiber | Varun Vachhar

varun.ca/modular-webgl

web 3d

Saved December 3, 2021

umbrella/packages/shader-ast at develop · thi-ng/umbrella

github.com/thi-ng/umbrella/tree/develop/packages/shader-ast

shaders web jsts

Saved October 25, 2021

Write videos in React | Remotion

remotion.dev/

web jsts animations

Saved October 7, 2021

Web3 — A vision for a decentralized web

blog.cloudflare.com/what-is-web3/

web crypto

Saved October 1, 2021

pattern.css - Background Patterns in CSS

bansal.io/pattern-css

css web

Saved September 28, 2021

Motion One: The Web Animations API for everyone

motion.dev/

animations jsts web

Saved September 21, 2021

Homepage | A11y Coffee

a11y.coffee/

a11y web

Saved September 2, 2021

vanilla-extract — Zero-runtime Stylesheets-in-TypeScript.

vanilla-extract.style/

css web jsts

Saved August 3, 2021

Creating an accessible autocomplete experience – React Spectrum Blog

react-spectrum.adobe.com/blog/building-a-combobox.html

a11y web

Saved July 27, 2021

83 Beautiful CSS buttons examples - CSS Scan

getcssscan.com/css-buttons-examples

CSS-in-JS support in DevTools - Chrome Developers

Saved July 20, 2021

developer.chrome.com/blog/css-in-js/

Saved June 24, 2021

Saved June 23, 2021

The art of Frontend Engineering

www.narative.co/articles/the-art-of-frontend-engineering

New Suspense SSR Architecture in React 18 · Discussion #37 · reactwg/react-18

Saved June 12, 2021

github.com/reactwg/react-18/discussions/37

Saved June 8, 2021

Saved June 2, 2021

react-hot-toast - The Best React Notifications in Town - react-hot-toast

react-hot-toast.com/

web libraries

Saved May 31, 2021

Is WebAssembly magic performance pixie dust? — surma.dev

surma.dev/things/js-to-asc/index.html

wasm web

Saved May 20, 2021

krakenjs/lusca: Application security for express apps.

github.com/krakenjs/lusca

web security

Saved May 20, 2021

Neon - Electrify your Node with the power of Rust! | Neon

Saved May 18, 2021

Saved May 12, 2021

litegraph.js/ at master · jagenjo/litegraph.js

github.com/jagenjo/litegraph.js?files=1

ethereum/blockies: <1k library that generates blocky identicons

Saved May 7, 2021

github.com/ethereum/blockies

web crypto

Saved May 7, 2021

gre/gl-react: gl-react – React library to write and compose WebGL shaders

github.com/gre/gl-react

web shaders

Saved May 3, 2021

Performant Parallaxing | Web | Google Developers

developers.google.com/web/updates/2016/12/performant-parallaxing

Noise in Creative Coding | Varun Vachhar

Saved May 3, 2021

varun.ca/noise/

art math shaders web

Saved April 23, 2021

mattdesl/canvas-sketch: [beta] A framework for making generative artwork in JavaScript and the browser.

github.com/mattdesl/canvas-sketch

art web

Saved April 23, 2021

toomuchdesign/next-page-tester: DOM integration testing for Next.js

github.com/toomuchdesign/next-page-tester

Saved April 14, 2021

Saved April 14, 2021

Saved March 26, 2021

Spring-based Parallax with Framer motion: Step by step | Samuel Kraft

samuelkraft.com/blog/spring-parallax-framer-motion-guide

web animations

Saved March 18, 2021

Ivan Akulov on Twitter: "Thread of my favorite web performance tools 🚀"

twitter.com/iamakulov/status/1372562184199364614

How to build a plugin system on the web and also sleep well at night

Saved March 18, 2021

www.figma.com/blog/how-we-built-the-figma-plugin-system/

Guide to creating animations that spark joy with Framer Motion - Maxime Heckel's Blog

Saved March 10, 2021

blog.maximeheckel.com/posts/guide-animations-spark-joy-framer-motion

animations css web

Saved March 10, 2021

Hello from tRPC | tRPC

trpc.io/

httptoolkit.tech/blog/http-wtf/

Saved March 4, 2021

HTTPWTF | HTTP Toolkit

How to avoid layout shifts caused by web fonts – Simon Hearne

Saved March 4, 2021

simonhearne.com/2021/layout-shifts-webfonts/

Hiding Content Responsibly | Hugo “Kitty” Giraudel

Saved February 27, 2021

hugogiraudel.com/2021/02/17/hiding-content-responsibly/

web a11y

Saved February 26, 2021

anephenix/sarus: A WebSocket JavaScript library

github.com/anephenix/sarus

jsts libraries web

Saved February 25, 2021

Microlink Cards

cards.microlink.io/editor

Miguel Piedrafita 🚀 on Twitter: "🔥 Is that yellow auto-fill background ruining your design? You just need three lines of CSS to get rid of it forever"

Saved February 19, 2021

twitter.com/m1guelpf/status/1362235392087515136

Persistent Layout Patterns in Next.js – Adam Wathan

Saved February 18, 2021

adamwathan.me/2019/10/17/persistent-layout-patterns-in-nextjs/

vvo/next-iron-session: 🛠 Next.js stateless session utility using signed and encrypted cookies to store data

Saved February 18, 2021

github.com/vvo/next-iron-session

web libraries

Saved February 18, 2021

Patterns for recreating Vercel's static in-app page skeleton loaders in Next.js - Andreas Asprou

andreas.fyi/engineering/nextjs-auth-skeleton-loaders

Angled text overlay effect

Saved February 18, 2021

www.reddit.com/r/web_design/comments/lliad8/how_can_i_rotate_the_color_of_the_text_like_this

Flareact - Edge-Rendered React Framework built for Cloudflare Workers

Saved February 17, 2021

flareact.com/

GitHub - downshift-js/downshift: 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

Saved February 15, 2021

github.com/downshift-js/downshift

What is a feed? (a.k.a. RSS) | About Feeds

Saved February 10, 2021

aboutfeeds.com/

react three fiber shaders - CodeSandbox

Saved February 9, 2021

codesandbox.io/s/z3382jqkxx

web shaders

Saved February 4, 2021

Open Color

yeun.github.io/open-color/

colour design web

Saved January 24, 2021

dnd kit – a modern drag and drop toolkit for React

dndkit.com/

Saved January 16, 2021

Tailwind Shades

www.tailwindshades.com/

Scale — color scale generator

Saved January 8, 2021

hihayk.github.io/scale

design colour web

Saved January 7, 2021

Wicked Blocks

blocks.wickedtemplates.com/

The Ultimate Guide to handling JWTs on frontend clients (GraphQL)

Saved December 20, 2020

hasura.io/blog/best-practices-of-using-jwt-with-graphql/

api graphql web security

Saved November 25, 2020

Resources for developing accessible cards/tiles | Web Axe

www.webaxe.org/resources-for-developing-accessible-cards-tiles/

a11y web

Saved November 25, 2020

<css-doodle />

css-doodle.com/

web art

Saved November 23, 2020

Color Names — HTML Color Codes

htmlcolorcodes.com/color-names/

A Complete Guide to Links and Buttons | CSS-Tricks

Saved November 15, 2020

HTML Color Codes

htmlcolorcodes.com/

design colour web

Saved March 31, 2020

css-tricks.com/a-complete-guide-to-links-and-buttons/

html web

Saved February 17, 2020

spark-joy/README.md at master · sw-yx/spark-joy · GitHub

github.com/sw-yx/spark-joy/blob/master/README.md#pure-css-tricks

Home | React Hook Form - Simple React forms validation

Saved February 13, 2020

react-hook-form.com/

GoogleChromeLabs/comlink: Comlink makes WebWorkers enjoyable.

Saved February 12, 2020

github.com/GoogleChromeLabs/comlink

web jsts libraries

Saved January 29, 2020

React Nice Dates

reactnicedates.hernansartorio.com

React (with Hooks) from Scratch - Shawn Wang - YouTube

Saved January 23, 2020

www.youtube.com/watch?v=dFO4m7Y-yhs

Scroll, Refraction and Shader Effects in Three.js and React | Codrops

Saved January 9, 2020

tympanus.net/codrops/2019/12/16/scroll-refraction-and-shader-effects-in-three-js-and-react/

neon color scheme - Google Search

Saved December 16, 2019

TinaCMS

tinacms.org/

gatsby web

Saved December 11, 2019

www.google.com/search?q=neon+color+scheme&client=firefox-b-d&tbm=isch&source=iu&ictx=1&fir=EZjwvu9oOR42UM%253A%252C9tQ6WmeFQULrSM%252C%252Fxc%252F%252Fm%252F025s4r0%253Acolor%2520scheme@en&vet=1&usg=AI4_-kQgE659i4JcAZYQ2icEQzLz1JgKrw&sa=X&ved=2ahUKEwiNk7CHpPLlAhWVTBUIHeTICkkQ_h0wE3oECA4QBg&biw=1680&bih=931&dpr=2#imgrc=EZjwvu9oOR42UM:&vet=1

web colour

Saved November 17, 2019

GoogleChromeLabs/react-adaptive-hooks: Deliver experiences best suited to a user's device and network constraints

github.com/GoogleChromeLabs/react-adaptive-hooks

react-spring/zustand: 🐻 Bear necessities for state management in React

Saved November 14, 2019

github.com/react-spring/zustand

Native HTML Autocomplete with datalist

Saved November 14, 2019

codepen.io/tejask/pen/OJJBLrq

web html

Saved November 14, 2019

Learn CSS Grid - A Guide to Learning CSS Grid | Jonathan Suh

learncssgrid.com/

Culrs | Culrs gives you a simple smart approach to choose color palettes

Saved November 7, 2019

culrs.com/#/

web colour

Saved October 21, 2019

react-spring/react-spring: ✌️ A spring physics based React animation library

github.com/react-spring/react-spring

animations web

Saved October 21, 2019

react-spring/react-three-fiber: ☘️ React renderer for Threejs (web and react-native)

github.com/react-spring/react-three-fiber

3d web

Saved October 17, 2019

Stale props and zombie children in Redux | Kai Hao

kaihao.dev/posts/Stale-props-and-zombie-children-in-Redux

Implementing animations in React with React Spring - LogRocket Blog

Saved October 17, 2019

blog.logrocket.com/animations-with-react-spring/

animations web

Saved October 10, 2019

html <head> elements

htmlhead.dev/

html web

Saved September 18, 2019

Getting Started - IndieWeb

indieweb.org/Getting_Started

polished | A lightweight toolset for writing styles in JavaScript

Saved August 28, 2019

polished.js.org/

diegohaz/constate: Scalable state using React Hooks & Context

Saved July 30, 2019

github.com/diegohaz/constate/

5 Keys to Accessible Web Typography | Better Web Type

Saved July 30, 2019

betterwebtype.com/articles/2019/06/16/5-keys-to-accessible-web-typography/

NES.css - NES-style CSS Framework

Saved July 22, 2019

nostalgic-css.github.io/NES.css/

Understanding SVG Coordinate Systems and Transformations (Part 1)

Saved July 17, 2019

www.sarasoueidan.com/blog/svg-coordinate-systems/

svg web

Saved June 27, 2019

System Font Stack | CSS-Tricks

css-tricks.com/snippets/css/system-font-stack/

Question about React future

Saved June 10, 2019

twitter.com/dan_abramov/status/1135404818191724546

http3-explained.haxx.se/en/

Saved June 3, 2019

HTTP/3 explained