Ivan Stevkovski

[Ivan Stevkovski @istevkovski]

This didn't age well. Someone forgot to tell Claude “don’t leak source code”

[Haider. @haider1]

Anthropic CEO, Dario Amodei

in the next 3 to 6 months, AI is writing 90% of the code, and in 12 months, nearly all code may be generated by AI

[Aiden Bai @aidenybai]

Introducing React Grab:

Select elements and edit with Cursor/Claude Code

Works in your localhost and in any React app

[Chien Pham @BausPjam]

As a big fan of Duolingo’s animations, I’ve always loved how they bring motion into their app experience.
So I decided to recreate one of their animations using @rive_app ever since I saw Duolingo using it, I’ve wanted to give it a try. 🎨✨

[jhey ʕ•ᴥ•ʔ @jh3yy]

messin' with css frosted + saturated borders using background-clip + backdrop-filter 👨‍🍳

[jhey ʕ•ᴥ•ʔ @jh3yy]

View Transitions with CSS linear() to create a light flicker effect on theme change 💡

[data-theme='light']::view-transition-group(root) {
animation-timing-function: var(--flicker);
}

jus' set a custom timing function on the default animation 👨‍🍳

bonus: drag switch ✨

[Pietro Baudin @pietrobaudin]

how to do gradient effect in figma

[Soren @sorenblank]

a smoother radius transform version using css. no framer motion used here.

for auto height transition using css `grid` inspired by @jh3yy. when collapsed `grid-rows-[0fr]` and expanded `grid-rows-[1fr]`.

and that with `ease-out-cubic` with `300ms` makes it feel just perfect ~

[jhey ʕ•ᴥ•ʔ @jh3yy]

use CSS attribute selectors to define translate + transform-origin for origin-aware surfaces 🧑‍🍳

<div data-pos="right,bottom">
[data-pos*=right] { --x: 10px; }
[data-pos*=bottom] {--y: 10px; }
dialog { transform-origin: var(--x) var(--y); }

invisible details that feel right 🤙

[jhey ʕ•ᴥ•ʔ @jh3yy]

sidebar details 🤌

CSS auto-height transition w/ grid 🎬

li > div[inert] { grid-template-rows: 0fr; }
li > div {
grid-template-rows: 1fr;
transition: grid-template-rows .26s;
}

arrow keys for navigation 📍

[jhey ʕ•ᴥ•ʔ @jh3yy]

liquid slider 🧪

<input type=range> + CSS + SVG filter + delta scale on pointermove 🤙

[JΛVIΞR @javoliver88]

My second entry for the @contra "ShareYourWork" challenge.
Do you recall Whoooo's Loading? 🦉
@rive_app 🔊👇

[Abraham John 🦄🦓 @Abmankendrick]

Coolest navbar & card transition I've ever seen on a website, everything just flows perfectly 🔥

Absolutely Sleek 😍

[NZ ☄️ @CodeByNZ]

Frontend Libraries I can't live without:

🔸 zod - validation
🔸react-hook-form - forms
🔸react-table - tables
🔸tRPC + react-query - data
🔸shaden - Ul
🔸motion - animations
🔸motion - animations
🔸date-fns - date utils
🔸ai - Al Toolkit
🔸nuqs - search params
🔸recharts - charts
🔸zustand - state management

[Amn Sidz @amn_buzz]

dear algorithm,

please show this post to everyone who is interested in Motion explainer video.

thank you.

[React Native Components @rncomponents]

A reusable and customizable library for @reactnative @expo 🧙

[jhey ʕ•ᴥ•ʔ @jh3yy]

progressive css-only pagination indicators w/ anchor positioning 👨‍🍳

nav::before { position-anchor: --h; }
nav::before { left: anchor(left); }
a:hover { anchor-name: --h; }

use the nav pseudoelements, ::before for intent, ::after for current 🤙

[Hello Games @hellogames]

No Man's Sky Voyagers

🚀Corvette Ship Class
🏗️Assemble Ships
💪Multiplayer Crew
📡Mission Radar
🧑‍✈️Autopilot in Space
🛰️Space walking
🪐New missions
🎨StarShip Interiors
🧑‍🚀New Spacesuit
🪂Sky diving
😍Graphical Improvements
✈️Varied Cockpits
🔱New Expedition

A free update

[Ivan Stevkovski @istevkovski]

@sama oh you mean much like DeepSeek already does? Guess what runs locally, is open source, transparent and doesn't steal users data

[Ivan Stevkovski @istevkovski]

@BambulabGlobal This is not China.

[Ivan Stevkovski @istevkovski]

@PeterVilleroy @TheFigen_ what? no.