The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
[See More Interaction] with a Contextual Last Read Tag ✨🤌🏽
Key takeaways: 📝
- I used a CSS Grid trick, toggling grid-template-rows between 0fr and 1fr to animate to an auto height smoothly.
- The "last read" pill is a chat-style bubble with a custom (using clip-path) top-right tail. To guide the eye, I added a "washed" highlight that grows from the bottom up to 60% using scaleY and origin-bottom, keeping the animation fluid and performant.
Inspo: TikTok UI
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Design has recently been incredibly fun and rewarding lately.
You don't need motivation when you get work on projects like this weekly. So many case studies to share soon. 💪🏼
amazing portfolio @Alex Aperios 🔥
Found some old design work from the archive 🔓 I design so many things over time I lose track of what I've even done sometimes lol
What do you think?
Really nice visual direction — the contrast + atmosphere feel very polished.
From a UX perspective, I especially like how the onboarding screen feels calm instead of “system heavy”. Curious — was the goal more emotional branding or conversion optimization?
What’s something you’ve designed just because you couldn’t help yourself?
I’ve been testing micrographics by designing care labels for my plants. I always leave instructions when I travel, so I turned it into a little design experiment.
Which direction would you push further?
35 voted
41%
51 voted
59%
86 votes
Closed
My goat, like it
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
aivideo
AI video tools are moving at warp speed. What tools are you using?
whennotai
As AI accelerates, creative judgment matters more. What part of your work stays human?