؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

@lochieaxon • 12,702 subscribers

principal design engineer ∙ @aave @family ∙ prev @honk https://t.co/YyR6Fo9VyC ∙ https://t.co/85SMsTcEd2 ∙ https://t.co/q8cbgIc9JM

Shorts

169,272 views

41,876 views

169,165 views

32,914 views

72,490 views

114,726 views

21,511 views

37,693 views

17,087 views

26,416 views

Videos

sweetdream.ai

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Private Show

Join now for exclusive access

Free preview available • Premium content

2,150,263 views • 7 months ago

284,396 views • 1 month ago

184,004 views • 4 months ago

55,906 views • 3 months ago

15,413 views • 1 month ago

69,852 views • 2 years ago

No more content to load

Live Cam

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

Shorts

when animating variable font weights remember to include tighter optical sizing to maintain the width of the text

markdown editing can be fun actually

effortlessly and seamlessly transition between text with &lt;TextMorph/&gt; built on Intl.Locale and Web Animations API. dependency-free and ready to use in your favourite framework ✨ →

ghost passes are starting to roll out 🎟️👻

ive got something like this setup for so i can find all of the performance hiccups and then copy the issues back to claude to investigate. modern workflows are awesome.

custom caret with text selection

if you want to achieve something like this, use a solid box-shadow for the outline + a regular scale on the inner content. codepen included below 👇

sometimes it's worth disabling animations when a user is dialling in a precise value using Max Barvian's &lt;NumberFlow /&gt; with a simple custom plugin can easily support this adaptive setup

putting a face to the name

i like making websites into fidget toys

Videos

Watch Anya Live

It's time to bring Haptics to the web 🫨 Create custom tactile patterns with strengths + durations for your web interactions. Make your app feel as good as it looks ✨ →

is now doin' numbers

i recreated Flash in the browser just to feel alive again.

we just shipped a fresh look for with a huge amount of animations and micro-interactions to explore ✨

the inspo for this animation is from The Mills Brothers' "I Ain’t Got Nobody" – a little tune recorded a few years ago in 1932

It's time to add some craft to your web animations ✨ Explore the curated gallery of easings and springs, or fine-tune your own with an easy to use editor. Huge thanks to Alex Vanderzon for collaborating on this project with me, always a treat! 🤝

effortlessly and seamlessly transition between text with <TextMorph/> built on Intl.Locale and Web Animations API. dependency-free and ready to use in your favourite framework ✨ →

sometimes it's worth disabling animations when a user is dialling in a precise value using Max Barvian's <NumberFlow /> with a simple custom plugin can easily support this adaptive setup