You might like
CSS-only magnetic link effect 🤯 li:has(a:is(:hover, :focus-visible)) {anchor-name: --a; } ul::before { left: anchor(--a left); width: anchor-size(--a width); } using CSS anchor positioning, declare an anchor on hover for the indicator 🚀
Did you know that you can integrate Gaussian Splatting with #threejs meshes for hyper-realistic surroundings + interactivity? This is a powerful combo that significantly improves realism. Live link: threejs-gaussian-splatting.vercel.app Code example below👇🏻
Super excited that our paper, co-authored with @junkato, on parameter-tuning widgets for creative software has been accepted to #UIST2025. It’s my first academic paper ever, which makes it way more special. #tweeqjs uist.acm.org/2025/program.h…
JavaScript && CSS Tip! ✨ Use IntersectionObserver(IO) with a low threshold and custom properties to power list animations 🔥 el.style.setProperty('--shown', entry.isIntersecting ? 1 : 0) li { scale: calc(0.25 + (var(--shown, 1) * 0.75));} Demo link below! 👇
#Flutter animation tip🪄 Bring any boring scroll view in your UI to life (ListView, GridView, ..etc) by wrapping its children with an animated widget and let the itemBuilder do its magic 🪄🧪 (it will run your animation when each item scrolls into view 🤫) Code 👇🏼
it's time to style the moss industry 🪴🍄 more exploration of interactive (conceptual) elements for web design with ThreeJS it works via geonodes and is based on basic math and proximity functions, I think I'm going to keep making concepts like that
Google maps in Blender is better than I expected. Pretty cool for quick backgrounds 💅
holy moly.. this interactive water drop effect powered by three.js and shader is pure magic
soon you won't need inline custom properties to create staggered motion delays in CSS ✨ .char { transition-delay: calc( sin( ((sibling-index() - 1) / sibling-count()) * 45deg) * 0.5s ); }
Blink: Intent to Prototype: CSS sibling-index() and sibling-count() bit.ly/41rOP7W
This is a great tool to easily generate grid and flex layouts. Check it out!
I recently attended WarsawJS meetup #123 at BEC Poland in Warsaw. It was my first tech meetup in the city and it was a great experience. There were cowboys, monorepos, witchers and hydration. 🤠🧙♂️💦 It was fun 🚀
curved scrollbar: completed it ✅ CSS + SVG to animate stroke-dashoffset combined with scroll-snap
Blink: Intent to Prototype: CSS sibling-index() and sibling-count() bit.ly/41rOP7W
CSS Scroll-driven knockout text using SVG filter 🥊 section { filter: url(#knockout); } section h1 { animation: shrink; } @keyframes shrink { 0% { scale: 36; }} Animate text scale on a video overlay ✅ Knock out text using SVG filter ✅ Drive with scroll ✅
That SVG filter is the whole reason this CSS scroll animation is even possible 🙏 (now with improved timing ✨)
Always have an SVG goo filter ready to go in your UI toolkit 🎯 .container { filter: url(#goo); } One line of CSS on the container + the SVG filter 🤙 Throw a border on for "Fake 3D" 👀 SVG filter code below 👇
Car configurator you have never seen before! 👀 👇 What tech stack does it use? Read below and don't forget to repost. 😎 💿 Front-end: - React - ThreeJS (threejs.org) - Hammer.js (hammerjs.github.io) - GSAP (gsap.com) 🧰Utility stack: - Envoy -…
Responsive inverted reveal scroller with CSS 🤙 img { position: fixed; animation: clip; animation-timeline: --section; animation-range: exit; } @keyframes clip { to { clip-path: inset(100% 0 0 0); } Fix the image, animate clip on parent scroll position (--section) ✨
Latest project: new landing page for @IglooInc, made in collaboration with the creative team at @ourbureaux 🧊 igloo.inc #webgl #threejs
United States Trends
- 1. Thanksgiving 1.64M posts
- 2. Chiefs 89.3K posts
- 3. Chiefs 89.3K posts
- 4. Mahomes 28K posts
- 5. Bengals 22.6K posts
- 6. Lamar 18K posts
- 7. Pickens 27.3K posts
- 8. Zac Taylor 1,282 posts
- 9. Sarah Beckstrom 128K posts
- 10. McDuffie 6,760 posts
- 11. Tinsley N/A
- 12. Joe Burrow 8,372 posts
- 13. #AEWCollision 5,383 posts
- 14. Post Malone 4,956 posts
- 15. Tony Romo 3,247 posts
- 16. #RavensFlock 2,326 posts
- 17. #KCvsDAL 9,258 posts
- 18. Turpin 1,926 posts
- 19. Perine N/A
- 20. Chase Brown 1,666 posts
Something went wrong.
Something went wrong.