356 Photos and videos
Jun 4
another super-hover demo using the events—sound triggered on enter event
sound on🔊!
9
9
298
12,911
Jun 2
so, this got way more traction than I expected!
i'd like to reiterate that this is something you should use only in very specific use-cases. there's prob a very good reason why browsers behave this way
also, many of you pointed out that this can be achieved in different ways too, so i'll include a section in the docs about them, along with feedbacks i got and some simple benchmarks:)
May 29
browsers mostly skip updating hover state while you scroll
so I made super-hover, a tiny utility library that checks what's under your cursor every frame!
`pnpm add super-hover`
53
5,344
May 29
browsers mostly skip updating hover state while you scroll
so I made super-hover, a tiny utility library that checks what's under your cursor every frame!
`pnpm add super-hover`
41
91
2,682
134,845
May 29
BUT :)
updating hover every frame opens up some fun interactions, like this super sick section by Locomotive, which first gave me the idea a while ago:
locomotive.ca/en/work
2
1
68
6,687
May 29
I noticed myself recreating this functionality for the 3rd time for various personal projects and wished this existed, so here it is now
super-hover.danielpetho.com
1
1
40
4,604
May 22
1
8
2,393
May 12
it's soooo much fun to play around with it!
please give it a try, you won't regret it:)
this is Krea 2.
our first foundation model, built completely from scratch for aesthetic diversity and stylistic control.
learn more and get early access 👇
3
25
2,595
May 1
been playing with this a bit too
already started recreating some of the simpler motion/content pieces i used to make manually in cavalry
pretty cool so far!
Apr 30
Today, @editframe emerges from stealth. Agents need video.
Editframe Agent Skills:
npm create @editframe@latest
Just prompt Claude Code, Cursor, or Codex and get a working video or a full interactive GUI.
This video was created just by prompting 👇
2
2
9
1,673
Apr 6
a well-known iOS Safari quirk is that inputs with a font-size <16px trigger an auto-zoom on focus
using 16px is probably the best solution, but it can feel a bit heavy in tight UIs
a clever workaround is to keep the font-size at 16px and scale the input down with CSS!
28
60
1,574
149,904
Apr 6
ran into this again while working on forms and found this super clever solution/article by Jeffrey To:
thingsthemselves.com/no-inpu…
2
1
42
5,861
Mar 25
switching a linear-gradient backdrop to an eased one is such a fast & small tweak, but it makes the whole thing feel so much nicer!
9
6
264
16,142
Mar 25
you can easily create an eased gradient with: larsenwork.com/easing-gradie… by @larsenwork
and the short write-up about it on css tricks is also fantastic!
css-tricks.com/easing-linear…
13
3,037
Mar 15
border-radius can actually take up to eight values, like:
`10% 5% 5% 10% / 5% 10% 10% 5%`
that lets you create all kinds of organic shapes in pure css!
add blur some layering and you can make it into a fancy glowing loader
6
30
910
44,479
Mar 15
ofc use it sparingly as animating radius blur can force a repaint on every frame
more here:
css-tricks.com/css-border-ra…
i first learned about this trick from nahuelgerth.de/
he's not on x, but has so much cool stuff on insta/threads, pls check him out!!
15
2,003
Mar 3
a slowed & reverb pedal simulator so you can create dreamy edits from your fav songs :)
(made for #figmamakeathon)
link in the comments↴
7
3
94
5,535