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

Manan Tank

@MananTank_

Design Engineer @flightcast. prev @thirdweb

manantank.dev
Joined August 2016
  • Tweets948
  • Following680
  • Followers636
106Media
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_)
more illustrations from flightcast handbook ~
Image from Manan Tank (@MananTank_)
Image from Manan Tank (@MananTank_)
Image from Manan Tank (@MananTank_)
Image from Manan Tank (@MananTank_)
1
16
Manan Tank retweeted
Colm Tuite (@colmtuite) profile picture
Colm Tuite
@colmtuiteOct 29
I miss when software felt like it was designed by people who had spent their entire lives thinking about software.
94
103
25
2,302
557,481
I love designing illustrations! Here are some illustrations I made for Flightcast Handbook recently ~
Image from Manan Tank (@MananTank_)
Image from Manan Tank (@MananTank_)
Image from Manan Tank (@MananTank_)
Image from Manan Tank (@MananTank_)
4
3
194
8,112
Designed and shipped new ad campaign dashboards on Flightcast, turning complex workflows into something that feels intuitive
Image from Manan Tank (@MananTank_)
Image from Manan Tank (@MananTank_)
6
250
Recently shipped a new Transcript Editor UI on Flightcast with search and edits visualization in audio timeline
1
35
831
Manan Tank retweeted
shadcn (@shadcn) profile picture
shadcn
@shadcnSep 14
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
GitHub - shadcn-ui/lint: An agent-first linter for Tailwind design systems. Write design system...

GitHub - shadcn-ui/lint: An agent-first linter for Tailwind design systems. Write design system...

An agent-first linter for Tailwind design systems. Write design system rules that agents can verify. - shadcn-ui/lint

github.com
220
446
167
6,577
1,206,457
🤯 THIS IS THE CRAZIEST ANIMATION EVER
214
1,097
676
17,349
6,004,634
Manan Tank retweeted
Shu (@shuding) profile picture
Shu
@shudingSep 6
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.
105
471
53
3,939
140,624
Recently shipped a new audio player interface on Flightcast with really satisfying waveform morphing effects
5
7
1
233
10,481
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,204
I'm working on some delightful tooltip interactions Here's a morphing tooltip with sliding content
23
30
1
973
62,728
Here's a little CSS trick to make your text skeletons line-height aware demo with @shadcn skeleton and @tailwindcss:
3
16
511
35,997
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
Image from Manan Tank (@MananTank_)
1
26
1,961
Usage: Render it where the text will be rendered, set a width, and that's it!
Image from Manan Tank (@MananTank_)
2
13
1,704
Manan Tank retweeted
shadcn (@shadcn) profile picture
shadcn
@shadcnJul 8
Take something we rebuild over and over again, figure out the pattern, abstract it and make it available to everyone.
64
58
6
1,623
155,865
Morphing Charts #2
Manan Tank (@MananTank_) profile pictureManan Tank
@MananTank_Jun 23
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
757
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,240
Working on some satisfying chart morphing effects
3
342
Direction-aware page transitions for tables
1
6
374
For the past few months, I've been working on doing a massive UI revamp for @Flightcast I'm gonna start sharing my favorite bits! Starting with analytics cards:
Episode Breakdown analytics - Light Mode

ALT Episode Breakdown analytics - Light Mode

Episode Breakdown analytics with hover interaction on cells - Light Mode

ALT Episode Breakdown analytics with hover interaction on cells - Light Mode

Episode Breakdown analytics - Dark Mode

ALT Episode Breakdown analytics - Dark Mode

Episode Breakdown analytics with hover interaction on cells - Dark Mode

ALT Episode Breakdown analytics with hover interaction on cells - Dark Mode

1
316
Load more