Pinboard (thulstrup)
https://pinboard.in/u:thulstrup/public/
recent bookmarks from thulstrup
-
Ice Text Effect with CSS
2024-03-22T10:07:03+00:00
https://texteffects.dev/posts/ice-text-effect
thulstrupcss text effect ice
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:dc7e1fff2f76/
-
Creating an Interactive 3D Bulge Text Effect with React Three Fiber | Codrops
2024-03-20T14:12:44+00:00
https://tympanus.net/codrops/2024/03/20/creating-an-interactive-3d-bulge-text-effect-with-react-three-fiber/
thulstrupreactjs 3d threejs effect text
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:b35e32aa0107/
-
Gold Text Effect with CSS
2024-03-16T09:05:32+00:00
https://texteffects.dev/posts/gold-text-effect
thulstrupcss text effect gold
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:7a94d3bdf943/
-
Hover Glyph Button 🤙
2024-03-01T06:53:21+00:00
https://codepen.io/jh3y/pen/GRLKMPY
thulstrupcss button hover effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:f73bea12827a/
-
Aceternity UI
2024-02-23T19:56:37+00:00
https://ui.aceternity.com/
thulstrupframermotion ui effect website components animation
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:1683e33825ea/
-
:hover me
2024-02-14T18:04:25+00:00
https://codepen.io/jh3y/pen/poYxqjd
thulstrupbutton hover effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:2fc4a39d650f/
-
Glowy Text Button from Departures ✈️
2024-01-14T19:11:04+00:00
https://codepen.io/jh3y/pen/NWJrxMv
thulstrupcss button hover effect glow
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:622ddf52a9ed/
-
Glass. A Light-Bending Material for Framer.
2024-01-10T08:46:15+00:00
https://glass.motion.dev/
thulstrupcss glass filter effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:ba24236aeaa7/
-
React Glow Cards – Minimal
2024-01-06T16:20:47+00:00
https://codepen.io/jh3y/pen/WNmQXyE
thulstrupreactjs cards effect hover glow
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:40255ea3e2cd/
-
CSS Trick for Blended Headers w/ Exploding View
2024-01-06T16:11:07+00:00
https://codepen.io/jh3y/pen/zYbvXEO
thulstrupcss header sticky effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:5d96b126126a/
-
SVG Filter — Pixelate
2023-12-22T07:32:08+00:00
https://codepen.io/rodzyk/pen/vYbPvaZ
thulstrupsvg filter image pixel effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:5ea650b06a7c/
-
codaworks/react-glow
2023-12-21T10:00:44+00:00
https://github.com/codaworks/react-glow?tab=readme-ov-file
thulstrupreactjs card glow hover effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:52859bf420bb/
-
Proximity Glow Cards
2023-12-21T09:59:58+00:00
https://codepen.io/jh3y/pen/QWYPaax
thulstrupcss card glow hover effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:af4ac118bef8/
-
Timed Cards Opening
2023-12-13T22:06:15+00:00
https://codepen.io/dilums/pen/NWodZMd
thulstrupimage effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:1c2e0430a69e/
-
Mix Blend Mode Buttons
2023-11-30T21:20:28+00:00
https://codepen.io/jh3y/pen/OJdwEEv
thulstrupcss button hover effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:26ae05c98206/
-
(6) 𝕭𝖏ø𝖗𝖓 𝕾𝖙𝖆𝖆𝖑 on X: "Entangled #fxhash https://t.co/SrD0oAQpUJ" / X
2023-11-23T20:52:51+00:00
https://twitter.com/_nonfigurativ_/status/1727322594570027343?s=12&t=j9bEtcbZEjbopL8oLjLmAA
thulstrupeffect windows
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:ad48ffcde6e4/
-
WebGL liquid masking
2023-11-23T20:43:54+00:00
https://codepen.io/ksenia-k/full/dyaeGgO
thulstrupwebgl mask reveal effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:ae62628554b3/
-
[untitled]
2023-11-14T19:17:21+00:00
https://klevron.github.io/lab/webgl/tubes
thulstrupmouse effect lines tube
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:5eb15191e174/
-
Sticky Bento on Scroll ✨
2023-09-24T20:10:56+00:00
https://codepen.io/jh3y/pen/gOZowGm
thulstrupcss scroll effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:3b547ebb2dfa/
-
Button hover effect
2023-09-24T18:19:52+00:00
https://codepen.io/thebabydino/pen/PoxVZWg
thulstrupbutton hover effect direction
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:3fb5f0ca9bed/
-
Revealing Images With CSS Mask Animations — Smashing Magazine
2023-09-18T18:31:03+00:00
https://www.smashingmagazine.com/2023/09/revealing-images-css-mask-animations/
thulstrupcss mask image effect reveal
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:640ba898482a/
-
WebGL Experiment: interactive noisy ring
2023-09-01T05:58:50+00:00
https://codepen.io/ksenia-k/full/zYyqRWE
thulstrupwebgl effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:6ef900dbeff7/
-
[untitled]
2023-07-30T13:27:24+00:00
https://tympanus.net/codrops/2023/07/20/scroll-based-layout-animations/
thulstrupscroll effect gsap images
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:71448a6ef366/
-
Rainbowluminescence
2023-07-23T18:02:21+00:00
https://codepen.io/ste-vg/pen/qBQVGEG
thulstrupjavascript canvas effect particle fireworks
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:30abb9260202/
-
Creating an interactive spotlight border with CSS and React
2023-07-17T19:56:52+00:00
https://www.julienthibeaut.xyz/blog/create-spotlight-border-with-react-css?ck_subscriber_id=1866534283
thulstrupcss reactjs border hover effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:a9f20383fd9a/
-
Card :hover spotlight effect with background-attachment 🤙
2023-07-14T08:19:15+00:00
https://codepen.io/jh3y/pen/RwqZNKa
thulstrupcss card hover effect border grid
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:58ee438a5716/
-
On-Scroll SVG Filter Effect | Codrops
2023-07-07T20:53:43+00:00
https://tympanus.net/codrops/2023/07/05/on-scroll-svg-filter-effect/
thulstrupscroll effect mask image
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:22fa107dbdbb/
-
Animated Gradient Button w/ Cut-Out Text
2023-07-01T08:12:54+00:00
https://codepen.io/brandonmcconnell/pen/LYXWrQJ
thulstrupbutton hover effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:609cb15b1aad/
-
Synchronize videos, 3D-models, … to Scroll-Driven Animations – Bram.us
2023-06-22T05:52:06+00:00
https://www.bram.us/2023/06/21/synchronize-videos-3d-models-to-scroll-driven-animations/
thulstrupcss scroll effect video 3d
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:fd541c2bca6b/
-
Frosted Glass
2023-06-19T12:05:17+00:00
https://frosted-glass.shud.in/
thulstrupcss glass frost effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:80439804dd14/
-
Gooey Cursor | Demo 1 | Codrops
2023-06-11T18:11:43+00:00
https://tympanus.net/Development/GooeyCursor/
thulstrupcursor effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:2c47936e7db6/
-
Splitting.js: CSS vars for split words & chars
2023-06-03T21:26:58+00:00
https://codepen.io/shshaw/pen/XVjKrG
thulstrupcss text effect split
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:840c01c29db0/
-
Recreating the Gradient Mask Hover Effect from Evervault | Codrops
2023-05-26T10:49:09+00:00
https://tympanus.net/codrops/2023/05/17/recreating-the-gradient-mask-hover-effect-from-evervault/
thulstrupcss mask hover effect gradient
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:46e411d23bc6/
-
CSS-Only Direction Aware Hover Effect using :has()
2023-05-23T18:56:28+00:00
https://codepen.io/ZoranJambor/full/zYJowBQ
thulstrupcss hover effect direction
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:4f6abdf02412/
-
Glowy Canvas Button? 🤙
2023-05-13T18:17:12+00:00
https://codepen.io/jh3y/pen/MWPGdEM
thulstrupbutton effect glow canvas
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:3df65bd215e1/
-
Button Shimmer Tricks ✨
2023-05-12T12:36:14+00:00
https://codepen.io/jh3y/pen/poxVPqo
thulstrupcss button effect shine
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:34c1878ac26b/
-
Subtle rainbow gradient buttons
2023-04-17T18:12:29+00:00
https://codepen.io/LukyVj/pen/bGmELYR
thulstrupcss button hover effect rainbow
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:6ace9ee93fe0/
-
Sparkle Button ✨
2023-03-24T23:14:04+00:00
https://codepen.io/jh3y/pen/LYJMPBL
thulstrupbutton css animation effect sparkle particle
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:83d353d73c19/
-
Noise Sketch #1: Fire (Three.js + GSAP)
2023-02-22T07:23:17+00:00
https://codepen.io/ksenia-k/full/wvEMqNR
thulstrupscroll gsap fire effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:5268f5e25ec9/
-
Wes Bos on Twitter: "Really cool CSS gradient border effect I recreated after seeing it on the warp website. Demo: https://t.co/bX3CfVO5Px Code: https://t.co/BsUeYZV0sI https://t.co/dzZrFt7QDE" / Twitter
2023-02-10T22:29:18+00:00
https://twitter.com/wesbos/status/1624082064227151876?s=12&t=Uc3o1kA-3bL9VmwE_I9okQ
thulstrupcss border gradient effect hover
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:8491c6265da3/
-
Shuffling Typography Animation | Codrops
2023-02-08T20:39:51+00:00
https://tympanus.net/codrops/2023/02/08/shuffling-typography-animation/
thulstrupjavascript text effect shuffle
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:9598cc2c07e2/
-
Grid Rotation Concept - CodeSandbox
2023-01-31T20:12:26+00:00
https://codesandbox.io/s/grid-rotation-concept-lnuld6?file=/src/index.tsx
thulstrupcss mask animation images effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:30661fd08d7f/
-
On-Scroll Typography Animations | Codrops
2023-01-21T10:07:27+00:00
https://tympanus.net/codrops/2023/01/18/on-scroll-typography-animations/
thulstrupanimation css effect text scroll
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:ad28760cdcd0/
-
Magical Hover Effect (w/ Tutorial)
2023-01-02T12:14:04+00:00
https://codepen.io/Hyperplexed/pen/MWQeYLW
thulstrupbox hover highlight effect css
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:034c7ab11347/
-
Super Header Slider
2023-01-02T11:29:26+00:00
https://codepen.io/Hyperplexed/pen/BaYXaOx
thulstrupcss text effect difference
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:60aa6adb98ad/
-
Split animation on hover with single element
2023-01-02T11:24:08+00:00
https://codepen.io/ggsingla/pen/MWOzxbq
thulstrupcss text effect hover
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:96c4d2f354b3/
-
Light, Texture, Containers, Color — Design Experiment
2022-12-19T18:25:06+00:00
https://codepen.io/georgedoescode/pen/OJErpEZ
thulstrupcss transparen glass effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:e81a94577bd0/
-
Use Scramble
2022-12-19T08:42:28+00:00
https://www.use-scramble.dev/
thulstrupreactjs javascript text scramble effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:54226b8233dc/
-
Card hover effect
2022-11-21T19:41:43+00:00
https://codepen.io/aaroniker/pen/yLEPJXj
thulstrupcss hover card effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:5e2fd02bda57/
-
CSS Hover Light Card
2022-11-14T22:10:19+00:00
https://codepen.io/jh3y/pen/wvXvERq
thulstrupcss card hover 3d effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:4e2ae8c46011/
-
Glow Button
2022-11-11T07:13:07+00:00
https://codepen.io/aaroniker/full/XWYpyNM
thulstrupbutton css effect glow
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:4d6e84036e27/
-
Holograms, light-leaks and how to build CSS-only shaders - Robb Owen
2022-10-26T11:16:26+00:00
https://robbowen.digital/wrote-about/css-blend-mode-shaders/
thulstrupcss image effect filter
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:3a355441aa64/
-
(589) You Need This Hover Effect On Your Site ASAP (CSS / JS) - YouTube
2022-10-25T07:21:35+00:00
https://www.youtube.com/watch?v=htGfnF1zN4g
thulstrupcard hover effect css
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:9c828e2e2798/
-
Card animation from linear.app website
2022-10-25T07:12:48+00:00
https://codepen.io/akella/pen/XWYrRmb
thulstrupcss card hover effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:61a3d9f80b56/
-
Apple TV - Word Rotation
2022-10-23T21:39:00+00:00
https://codepen.io/stevenlei/pen/RwpRgzy
thulstruptext animation clip css effect rotate
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:e505f91a8830/
-
nemutas/ha-labo-effect
2022-10-23T21:20:25+00:00
https://github.com/nemutas/ha-labo-effect
thulstrupimage zoom effect threejs magnifier
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:1d1ec9f9a17b/
-
Pokemon Deckz
2022-10-21T13:45:07+00:00
https://deck-24abcd.netlify.app/
thulstrupcss effect animation shine glare
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:08f81b0e14fa/
-
small-brook-yro193 - CodeSandbox
2022-10-01T21:12:22+00:00
https://codesandbox.io/s/small-brook-yro193?file=/src/App.js
thulstrup3d effect balls threejs
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:0228d6b2fe5e/
-
Home | Evozyne
2022-09-30T10:46:28+00:00
https://evozyne.archive.basili.co/
thulstrupcss navigation menu effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:97f4745bf5a1/
-
rainbow particle sphere
2022-09-24T17:44:47+00:00
https://codepen.io/thebabydino/pen/xZZLBL
thulstrupcanvas effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:e26a421ad0d7/
-
paperflower
2022-09-24T17:43:40+00:00
https://codepen.io/thebabydino/pen/ZbKgbV
thulstrupcanvas effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:fecd5257492a/
-
circular trail
2022-09-24T17:43:25+00:00
https://codepen.io/thebabydino/pen/avwKGw
thulstrupcanvas effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:4fd1b0d15e0e/
-
(share) 3 Rectangles Background Stripes Generator SVG
2022-09-23T07:39:21+00:00
https://codepen.io/snorkltv/pen/JjvyKPZ?editors=0010
thulstrupcss background effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:3db1630f8453/
-
Sliced Text Effect
2022-09-19T19:27:46+00:00
https://codepen.io/TajShireen/pen/ExLWgGb
thulstrupcss text effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:d35a37c83fdb/
-
Scrolling rainbow - GSAP ScrollTrigger & ScrollSmoother
2022-09-17T21:09:00+00:00
https://codepen.io/supah/pen/MWroVZG
thulstrupgsap scrolltrigger effect scoll
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:3bae178640b8/
-
Michal Zalobny - GLSL Image Transitions
2022-09-15T13:14:50+00:00
https://portfolio2022.michalzalobny.com/projects/image-transitions
thulstrupimage transition shader effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:5c3bad8dd88f/
-
loading-disco - CodeSandbox
2022-09-13T21:06:24+00:00
https://codesandbox.io/embed/github/joe-bell/loading-disco/tree/main
thulstrupcss button effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:1de4d8a0fc0d/
-
Framer Motion: Image reveal effect: Blinds - CodeSandbox
2022-09-13T20:17:23+00:00
https://codesandbox.io/s/framer-motion-image-reveal-effect-blinds-4ed4vg?file=/src/App.tsx:664-672
thulstrupimage effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:337bd3e27ffa/
-
(1) Matt Perry on Twitter: "Like Greensock ScrollTrigger's "pinning" feature? It's actually possible entirely with CSS! Here's how to use it together Motion One's scroll function: https://t.co/WatMo03EYx https://t.co/IvdfuaV5Q8" / Twitter
2022-08-01T18:41:16+00:00
https://twitter.com/mattgperry/status/1554090571160899584
thulstrupcss parallax motionone scroll effect pinning
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:6760876809bf/
-
(1) Shu on Twitter: "If you prefer not to use flickering animations, the Ken Burns effect is also very impressive: { 0% { opacity: 0; clip-path: inset(5%); transform: scale(111.11%) } 100% { opacity: 1; clip-path: inset(0); transform: scale(1) } } https:/
2022-07-31T18:03:23+00:00
https://twitter.com/shuding_/status/1553175201357221893
thulstrupcss image effect
https://pinboard.in/
https://pinboard.in/u:thulstrup/b:0de40d0c6c26/