Bookmarks tagged web

View all bookmarks

How to Build a ChatGPT Plugin with Next.js in 2023
steventey.com/blog/chatgpt-plugin
aijstsweb
Saved May 5, 2023
cohost! - "I want to talk about WebGPU"
cohost.org/mcc/post/1406157-i-want-to-talk-about-webgpu
webgraphics
Saved May 4, 2023
hyperspace
hyperspace.so/
web
Saved April 28, 2023
Lexical
lexical.dev/
webjsts
Saved March 28, 2023
Beautiful and mind-bending effects with WebGL Render Targets - Maxime Heckel's Blog
blog.maximeheckel.com/posts/beautiful-and-mind-bending-effects-with-webgl-render-targets/
web3d
Saved March 14, 2023
Theatre.js - animation toolbox for the web
www.theatrejs.com/
designtools3dweb
Saved March 8, 2023
Introduction – Tailwind Variants
www.tailwind-variants.org/docs/introduction
cssweb
Saved February 17, 2023
Motion Canvas - Visualize complex ideas programmatically
motion-canvas.github.io/
webanimations
Saved February 8, 2023
File Upload Service for Web Apps – Upload, Process & Store Files
upload.io/
toolsweb
Saved January 25, 2023
Lucide
lucide.dev/
designiconssvgweb
Saved January 24, 2023
Tremor – The React library to build dashboards fast
www.tremor.so/?ref=starlog
webjsts
Saved January 23, 2023
Fontshare: Quality Fonts. Free.
www.fontshare.com/
designcssweb
Saved January 14, 2023
lukeed/clsx: A tiny (228B) utility for constructing `className` strings conditionally.
github.com/lukeed/clsx#readme
csswebjsts
Saved January 14, 2023
joe-bell/cva: Class Variance Authority
github.com/joe-bell/cva
webcss
Saved January 14, 2023
NodeToy | Create and share shader graphs with the world
nodetoy.co/
3dwebshaders
Saved December 14, 2022
nextapps-de/flexsearch: Next-Generation full text search library for Browser and Node.js
github.com/nextapps-de/flexsearch
webjsts
Saved December 2, 2022
daisyUI — Tailwind CSS Components
daisyui.com/
cssweb
Saved November 14, 2022
Idered/tailwindcss-radix-ui: Style Radix UI components with TailwindCSS
github.com/Idered/tailwindcss-radix-ui
webjsts
Saved November 12, 2022
The magical world of Particles with React Three Fiber and Shaders - Maxime Heckel's Blog
blog.maximeheckel.com/posts/the-magical-world-of-particles-with-react-three-fiber-and-shaders/
webshaders
Saved November 8, 2022
Infinite Scroll Animation
codepen.io/ykadosh/pen/KKezJzz
webjsts
Saved November 3, 2022
vercel-labs/next-fetch: Intuitive data fetching for Next.js
github.com/vercel-labs/next-fetch
webjsts
Saved October 27, 2022
The Study of Shaders with React Three Fiber - Maxime Heckel's Blog
blog.maximeheckel.com/posts/the-study-of-shaders-with-react-three-fiber/
shadersweb
Saved July 26, 2022
dcastil/tailwind-merge: Merge Tailwind CSS classes without style conflicts
github.com/dcastil/tailwind-merge
webjstscss
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
designweb
Saved July 19, 2022
Orllar #IMTConf22✌🏾🇳🇬🇬🇧🇫🇷 on Twitter: "How to master spacing in UI design. cc: uiadrian https://t.co/A6Z9AP8mdV" / Twitter
twitter.com/HAFEEZOLAMIDE1/status/1548994130793095171
designweb
Saved July 19, 2022
Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG
zzz.dog/
svg3dweb
Saved July 6, 2022
Rive - About Rive
rive.app/
designweb
Saved July 5, 2022
patriciogonzalezvivo/glslCanvas: Simple tool to load GLSL shaders on HTML Canvas using WebGL
github.com/patriciogonzalezvivo/glslCanvas
shadersweb
Saved July 4, 2022
Islands Architecture - JASON Format
jasonformat.com/islands-architecture/
web
Saved July 4, 2022
Mantine
mantine.dev/
web
Saved July 3, 2022
Godly — The Best Web Design Inspiration
godly.website/
designweb
Saved May 30, 2022
Defensive CSS - Ahmad Shadeed
ishadeed.com/article/defensive-css/
cssdesignweb
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
web
Saved March 16, 2022
Variable - new ways of experiencing data | https://variable.io
variable.io/
artweb
Saved March 16, 2022
Texture — Generative Snacks! | George Francis
georgefrancis.dev/writing/texture-generative-snacks/
artjstswebsvg
Saved March 14, 2022
Immersive 3D Audio and Visualization (three.js & javascript) - YouTube
www.youtube.com/watch?v=1S7ke6F8sV4
threejsweb3d
Saved March 9, 2022
leannepepper/3d-quick-measure: A React component for measuring 3D objects.
github.com/leannepepper/3d-quick-measure
webthreejs3d
Saved March 4, 2022
GoogleChromeLabs/container-query-polyfill: A polyfill for CSS Container Queries
github.com/GoogleChromeLabs/container-query-polyfill
webcss
Saved February 10, 2022
Switch | NextUI - Beautiful, fast and modern React UI Library
nextui.org/docs/components/switch
webjsts
Saved January 28, 2022
Shiki
shiki.matsu.io/
webjsts
Saved January 5, 2022
GLSL type checker, formatter, and minifier online demo
evanw.github.io/glslx/
shadersweb
Saved December 28, 2021
Lightweight WebGL Wrapper
xem.github.io/W/
3dwebjsts
Saved December 28, 2021
Theodeus/tuna: An audio effects library for the Web Audio API.
github.com/Theodeus/tuna
jstsweb
Saved December 22, 2021
Tone.js
tonejs.github.io/
jstsweb
Saved December 22, 2021
Three.js Journey — Learn WebGL with Three.js
threejs-journey.com/
3dweb
Saved December 15, 2021
3D: Introduction | Framer for Developers
www.framer.com/docs/three-introduction/
3dweb
Saved December 13, 2021
How to build stunning 3D scenes with React Three Fiber | Varun Vachhar
varun.ca/modular-webgl
web3d
Saved December 3, 2021
umbrella/packages/shader-ast at develop · thi-ng/umbrella
github.com/thi-ng/umbrella/tree/develop/packages/shader-ast
shaderswebjsts
Saved October 25, 2021
Write videos in React | Remotion
remotion.dev/
webjstsanimations
Saved October 7, 2021
Web3 — A vision for a decentralized web
blog.cloudflare.com/what-is-web3/
webcrypto
Saved October 1, 2021
pattern.css - Background Patterns in CSS
bansal.io/pattern-css
cssweb
Saved September 28, 2021
Motion One: The Web Animations API for everyone
motion.dev/
animationsjstsweb
Saved September 21, 2021
Homepage | A11y Coffee
a11y.coffee/
a11yweb
Saved September 2, 2021
vanilla-extract — Zero-runtime Stylesheets-in-TypeScript.
vanilla-extract.style/
csswebjsts
Saved August 3, 2021
Creating an accessible autocomplete experience – React Spectrum Blog
react-spectrum.adobe.com/blog/building-a-combobox.html
a11yweb
Saved July 27, 2021
83 Beautiful CSS buttons examples - CSS Scan
getcssscan.com/css-buttons-examples
webcss
Saved July 20, 2021
CSS-in-JS support in DevTools - Chrome Developers
developer.chrome.com/blog/css-in-js/
webcss
Saved June 24, 2021
UI Snippets
ui-snippets.dev/
webcss
Saved June 23, 2021
The art of Frontend Engineering
www.narative.co/articles/the-art-of-frontend-engineering
web
Saved June 12, 2021
New Suspense SSR Architecture in React 18 · Discussion #37 · reactwg/react-18
github.com/reactwg/react-18/discussions/37
web
Saved June 8, 2021
Hey Design Systems
heydesign.systems/
webdesign
Saved June 2, 2021
react-hot-toast - The Best React Notifications in Town - react-hot-toast
react-hot-toast.com/
weblibraries
Saved May 31, 2021
Is WebAssembly magic performance pixie dust? — surma.dev
surma.dev/things/js-to-asc/index.html
wasmweb
Saved May 20, 2021
krakenjs/lusca: Application security for express apps.
github.com/krakenjs/lusca
websecurity
Saved May 20, 2021
Neon - Electrify your Node with the power of Rust! | Neon
neon-bindings.com/
rustwebjsts
Saved May 18, 2021
litegraph.js/ at master · jagenjo/litegraph.js
github.com/jagenjo/litegraph.js?files=1
web
Saved May 7, 2021
ethereum/blockies: <1k library that generates blocky identicons
github.com/ethereum/blockies
webcrypto
Saved May 7, 2021
gre/gl-react: gl-react – React library to write and compose WebGL shaders
github.com/gre/gl-react
webshaders
Saved May 3, 2021
Performant Parallaxing  |  Web  |  Google Developers
developers.google.com/web/updates/2016/12/performant-parallaxing
webcss
Saved May 3, 2021
Noise in Creative Coding | Varun Vachhar
varun.ca/noise/
artmathshadersweb
Saved April 23, 2021
mattdesl/canvas-sketch: [beta] A framework for making generative artwork in JavaScript and the browser.
github.com/mattdesl/canvas-sketch
artweb
Saved April 23, 2021
toomuchdesign/next-page-tester: DOM integration testing for Next.js
github.com/toomuchdesign/next-page-tester
web
Saved April 14, 2021
webinstall.dev
webinstall.dev/
web
Saved April 14, 2021
giraffeQL
giraffeql.io/
graphqlweb
Saved March 26, 2021
Spring-based Parallax with Framer motion: Step by step | Samuel Kraft
samuelkraft.com/blog/spring-parallax-framer-motion-guide
webanimations
Saved March 18, 2021
Ivan Akulov on Twitter: "Thread of my favorite web performance tools 🚀"
twitter.com/iamakulov/status/1372562184199364614
web
Saved March 18, 2021
How to build a plugin system on the web and also sleep well at night
www.figma.com/blog/how-we-built-the-figma-plugin-system/
web
Saved March 10, 2021
Guide to creating animations that spark joy with Framer Motion - Maxime Heckel's Blog
blog.maximeheckel.com/posts/guide-animations-spark-joy-framer-motion
animationscssweb
Saved March 10, 2021
Hello from tRPC | tRPC
trpc.io/
webjsts
Saved March 4, 2021
HTTPWTF | HTTP Toolkit
httptoolkit.tech/blog/http-wtf/
web
Saved March 4, 2021
How to avoid layout shifts caused by web fonts – Simon Hearne
simonhearne.com/2021/layout-shifts-webfonts/
web
Saved February 27, 2021
Hiding Content Responsibly | Hugo “Kitty” Giraudel
hugogiraudel.com/2021/02/17/hiding-content-responsibly/
weba11y
Saved February 26, 2021
anephenix/sarus: A WebSocket JavaScript library
github.com/anephenix/sarus
jstslibrariesweb
Saved February 25, 2021
Microlink Cards
cards.microlink.io/editor
designweb
Saved February 19, 2021
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"
twitter.com/m1guelpf/status/1362235392087515136
web
Saved February 18, 2021
Persistent Layout Patterns in Next.js – Adam Wathan
adamwathan.me/2019/10/17/persistent-layout-patterns-in-nextjs/
web
Saved February 18, 2021
vvo/next-iron-session: 🛠 Next.js stateless session utility using signed and encrypted cookies to store data
github.com/vvo/next-iron-session
weblibraries
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
web
Saved February 18, 2021
Angled text overlay effect
www.reddit.com/r/web_design/comments/lliad8/how_can_i_rotate_the_color_of_the_text_like_this
web
Saved February 17, 2021
Flareact - Edge-Rendered React Framework built for Cloudflare Workers
flareact.com/
web
Saved February 15, 2021
GitHub - downshift-js/downshift: 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
github.com/downshift-js/downshift
web
Saved February 10, 2021
What is a feed? (a.k.a. RSS) | About Feeds
aboutfeeds.com/
web
Saved February 9, 2021
react three fiber shaders - CodeSandbox
codesandbox.io/s/z3382jqkxx
webshaders
Saved February 4, 2021
Open Color
yeun.github.io/open-color/
colourdesignweb
Saved January 24, 2021
dnd kit – a modern drag and drop toolkit for React
dndkit.com/
web
Saved January 16, 2021
Tailwind Shades
www.tailwindshades.com/
designweb
Saved January 8, 2021
Scale — color scale generator
hihayk.github.io/scale
designcolourweb
Saved January 7, 2021
Wicked Blocks
blocks.wickedtemplates.com/
webcss
Saved December 20, 2020
The Ultimate Guide to handling JWTs on frontend clients (GraphQL)
hasura.io/blog/best-practices-of-using-jwt-with-graphql/
apigraphqlwebsecurity
Saved November 25, 2020
Resources for developing accessible cards/tiles | Web Axe
www.webaxe.org/resources-for-developing-accessible-cards-tiles/
a11yweb
Saved November 25, 2020
<css-doodle />
css-doodle.com/
webart
Saved November 23, 2020
Color Names — HTML Color Codes
htmlcolorcodes.com/color-names/
designweb
Saved November 15, 2020
HTML Color Codes
htmlcolorcodes.com/
designcolourweb
Saved March 31, 2020
A Complete Guide to Links and Buttons | CSS-Tricks
css-tricks.com/a-complete-guide-to-links-and-buttons/
htmlweb
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
designweb
Saved February 13, 2020
Home | React Hook Form - Simple React forms validation
react-hook-form.com/
web
Saved February 12, 2020
GoogleChromeLabs/comlink: Comlink makes WebWorkers enjoyable.
github.com/GoogleChromeLabs/comlink
webjstslibraries
Saved January 29, 2020
React Nice Dates
reactnicedates.hernansartorio.com
web
Saved January 23, 2020
React (with Hooks) from Scratch - Shawn Wang - YouTube
www.youtube.com/watch?v=dFO4m7Y-yhs
web
Saved January 9, 2020
Scroll, Refraction and Shader Effects in Three.js and React | Codrops
tympanus.net/codrops/2019/12/16/scroll-refraction-and-shader-effects-in-three-js-and-react/
designweb
Saved December 16, 2019
TinaCMS
tinacms.org/
gatsbyweb
Saved December 11, 2019
neon color scheme - Google Search
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
webcolour
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
web
Saved November 14, 2019
react-spring/zustand: 🐻 Bear necessities for state management in React
github.com/react-spring/zustand
web
Saved November 14, 2019
Native HTML Autocomplete with datalist
codepen.io/tejask/pen/OJJBLrq
webhtml
Saved November 14, 2019
Learn CSS Grid - A Guide to Learning CSS Grid | Jonathan Suh
learncssgrid.com/
web
Saved November 7, 2019
Culrs | Culrs gives you a simple smart approach to choose color palettes
culrs.com/#/
webcolour
Saved October 21, 2019
react-spring/react-spring: ✌️ A spring physics based React animation library
github.com/react-spring/react-spring
animationsweb
Saved October 21, 2019
react-spring/react-three-fiber: ☘️ React renderer for Threejs (web and react-native)
github.com/react-spring/react-three-fiber
3dweb
Saved October 17, 2019
Stale props and zombie children in Redux | Kai Hao
kaihao.dev/posts/Stale-props-and-zombie-children-in-Redux
web
Saved October 17, 2019
Implementing animations in React with React Spring - LogRocket Blog
blog.logrocket.com/animations-with-react-spring/
animationsweb
Saved October 10, 2019
html <head> elements
htmlhead.dev/
htmlweb
Saved September 18, 2019
Getting Started - IndieWeb
indieweb.org/Getting_Started
web
Saved August 28, 2019
polished | A lightweight toolset for writing styles in JavaScript
polished.js.org/
web
Saved July 30, 2019
diegohaz/constate: Scalable state using React Hooks & Context
github.com/diegohaz/constate/
webjsts
Saved July 30, 2019
5 Keys to Accessible Web Typography | Better Web Type
betterwebtype.com/articles/2019/06/16/5-keys-to-accessible-web-typography/
web
Saved July 22, 2019
NES.css - NES-style CSS Framework
nostalgic-css.github.io/NES.css/
web
Saved July 17, 2019
Understanding SVG Coordinate Systems and Transformations (Part 1)
www.sarasoueidan.com/blog/svg-coordinate-systems/
svgweb
Saved June 27, 2019
System Font Stack | CSS-Tricks
css-tricks.com/snippets/css/system-font-stack/
web
Saved June 10, 2019
Question about React future
twitter.com/dan_abramov/status/1135404818191724546
webjsts
Saved June 3, 2019
HTTP/3 explained
http3-explained.haxx.se/en/
web
Saved May 30, 2019