Manan Tank (@MananTank_) header
Manan Tank (@MananTank_) profile picture

Design Engineer @flightcast. prev @thirdweb

Joined August 2016
Photo by Manan Tank (@MananTank_)Photo by Manan Tank (@MananTank_)Photo by Manan Tank (@MananTank_)Photo by Manan Tank (@MananTank_)Photo by Manan Tank (@MananTank_)Photo by Manan Tank (@MananTank_)Photo by Manan Tank (@MananTank_)Photo by Manan Tank (@MananTank_)Photo by Manan Tank (@MananTank_)Photo by Manan Tank (@MananTank_)
Interactive abstract illustrations inspired by @linear's blog images
10
323
more illustrations from flightcast handbook ~
5
2
79
3,354
Manan Tank retweeted
I miss when software felt like it was designed by people who had spent their entire lives thinking about software.
93
102
24
2,300
560,193
I love designing illustrations! Here are some illustrations I made for Flightcast Handbook recently ~
4
3
194
8,251
Designed and shipped new ad campaign dashboards on Flightcast, turning complex workflows into something that feels intuitive
6
278
Recently shipped a new Transcript Editor UI on Flightcast with search and edits visualization in audio timeline
1
35
848
Manan Tank retweeted
Introducing shadcn/lint. An agent-first linter for Tailwind design systems. You define what’s allowed. When an agent breaks a rule, the error explains what’s wrong and how to fix it using your components, variants and theme. There’s a lot you can do with this. Let me show you ↓ github.com/shadcn-ui/lint
220
446
167
6,576
1,207,312
🤯 THIS IS THE CRAZIEST ANIMATION EVER
213
1,095
676
17,324
6,005,529
Manan Tank retweeted
13 years ago, Apple asked a question that hits me harder today than ever: If everyone is busy making everything, how can anyone perfect anything? Every day, I see a world flooded with effortless AI slops. I’m realizing that to build something truly great today, you need a level of focus the world has never demanded before. It feels like trying to write a quiet, beautiful song in a room full of loud noise.
113
535
60
4,352
160,795
Recently shipped a new audio player interface on Flightcast with really satisfying waveform morphing effects
5
7
1
233
10,494
I like using `linear` curve type in recharts library, but its corners are too sharp, but you can customize it You can create a custom curve definition and pass it to recharts via `type` prop and tweak it to your preference:
2
38
13,213
I'm working on some delightful tooltip interactions Here's a morphing tooltip with sliding content
23
30
1
974
62,764
Here's a little CSS trick to make your text skeletons line-height aware demo with @shadcn skeleton and @tailwindcss:
3
16
515
36,031
Set the wrapper's height to 1lh and the skeleton's height to 1em so skeleton matches the text's visual height while preserving the correct block height
1
26
1,970
Usage: Render it where the text will be rendered, set a width, and that's it!
2
13
1,705
Manan Tank retweeted
Take something we rebuild over and over again, figure out the pattern, abstract it and make it available to everyone.
64
58
6
1,624
155,886
Morphing Charts #2
Experimenting with chart morphing effects for loading states Inspired by @benjitaylor’s Liveline chart library, but built with SVG instead of canvas on top of @shadcn charts
9
760
Experimenting with chart morphing effects for loading states Inspired by @benjitaylor’s Liveline chart library, but built with SVG instead of canvas on top of @shadcn charts
1
8
1,247
Working on some satisfying chart morphing effects
3
345
Direction-aware page transitions for tables
1
6
376