UI and math time! UI = f(props) is the most famous line in React. But that f is JavaScript, not math.
Inspired by @_chenglou’s Handwired project, I compiled a <Dashboard/> component into a real math function, and asked what becomes possible.
calculus-of-interfaces.verce…
Krishna retweeted
Onboarding
Subscription screens are a lot more than presenting prices.
You're influencing how people perceive value and make purchasing decisions.
The subscription page is easily the most important page on any app at all, but it doesn't seem to get enough love in many cases.
It's a small interaction, but I think these are the kinds of decisions that make interfaces feel more intentional.
When you set a default offer, you are literally making a suggestion on which of the offers you want your Users to go for. Thats what you are doing.
Some offers present more value to the User, some other offers present more value for the business. How do you pick your defaults?
Just like the design of literally anything else, designing pricing interfaces is mostly a game of moderation and deliberate emphasis where and when needed.
Sure, you wanna give your users options so they can have some kinda anchor price to make a choice, you do not want to overload them with options.
You you have to show them the list of benefits, but do not let that become a blocker. Users should not have to scroll to find the checkout button.
People buy in different ways and not everyone wants to have a logical soliloquy before making a purchase.
Some just want to click click click, and making them have to scroll by all means is def going to make you lose quite some sales.
The less effort required to move from making a decision to acting on it, the better.
One thing I've come to appreciate about pricing interfaces is that presenting options is only half the job. The other half is helping people make a decision.
Krishna retweeted
tap the rock and it cracks right where you hit it, until it breaks and a crystal comes out 💎
react native + the new skia and webgpu
motionary.dev/animations/ore…
Krishna retweeted
Introducing TanStack Redact 🌴
A smaller runtime for your existing React app. Add it to your build config and ship less JavaScript without changing a single line of application code.
Works with TanStack Start, Vite, Vinext, and Next.js.
tanstack.com/redact
Krishna retweeted
for anyone that needs to hear this (me)
Ship that side project, even if you think no one nowadays cares. You care.
Krishna retweeted
Introducing Legend Spark!
It’s a React Native desktop framework for really fast desktop apps with React Native and Expo.
The biggest gaps in RN on desktop have been getting started, Expo compatibility, and modules. So I’m trying to fix all of that.
Let's make apps super fast!
Krishna retweeted
saw a couple of people building liquid pours, so i made my own 🍷
hold to pour, tip the glass over, watch it spill. react native + the new skia and webgpu
motionary.dev/animations/liq…
Krishna retweeted
GET READY BECAUSE NEXT WEEK IS WHEN MY BOY SHOWS UP!!
MAGNA SWING!!!
YOU BETTER MUTE ME NOW BECAUSE I NOT GONNA STFU UP ABOUT THIS EPISODE!! #BlackClover
Krishna retweeted
Back in 2021 I interviewed at Vercel and I failed badly.
I couldn’t implement a debounce function and was stuck for like 30 minutes. It was pretty embarrassing.
10 months later (2022) I interviewed again and got the job.
Don’t give up!
Matching border radii don't mean matching corners.
I built concentric to fix that for @tailwindcss
Add rounded-concentric to the child. It calculates the radius from the parent's radius, padding and border.
tailwindcss-concentric.diip3…
Krishna retweeted
Introducing Pixel - a library for building GUIs in the terminal
- 120 FPS pixel-perfect graphics
- Embeddable inside existing TUIs
- Built in chromium webview component
pixelgui.com


























