51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T418,

Every doc page I've ever built ends up the same way: five different components, three of them fighting each other on spacing, and dark mode that only works if you don't look too closely.

So I built the thing I actually wanted one block, five shapes. Heading, body text, a callout for the "please don't skip this" moments, a code snippet with copy-to-clipboard, and a divider for breathing room. Stack them however your page needs and they just... match. Every time.

The part I'm most stubborn about: it doesn't fake dark mode. It actually looks at what it's sitting on and adjusts — no washed-out text, no "looks great until you switch themes" moment.

Free, no lock-in, fully yours to detach and tear apart if you want to see how it's built.

If you're the kind of person who's rebuilt the same doc header for the fifth project in a row — this one's for you. Would genuinely love to know what you build with it.

→ Doc Block, in the Community now.

53:T8dc,

A single typographic content block for documentation, changelogs, and help centers. Heading, Body, Callout, Code, or Divider — stack as many instances as your page needs. Fully light and dark mode aware, with a color-aware code block and one-click copy.

Overview

Practical Ui — Doc Block is a single typographic content block for documentation, changelogs, and help centers. Switch between five block types — Heading, Body Text, Callout, Code, and Divider — and stack as many instances as your page needs. Fully light and dark mode aware.

Features

Five block types in one component: Heading, Body Text, Callout, Code, Divider
Automatic light/dark mode, or manual override
Four semantic callout types — Info, Tip, Warning, Danger — each with its own fixed tint and icon
Code blocks with a language label and one-click copy
Single Max Width control keeps line length readable at any container width
Full color control — Accent, Text (Primary/Secondary/Muted), Border
Fully unlocked — detach and edit anytime

How to use

Drag Doc Block from Assets
Choose a Block Type — Heading, Body, Callout, Code, or Divider
Fill in the fields for that type
Set Max Width and Theme
Stack more instances to build out the full page

Best practices

Keep callout text short and scannable — one idea per block
Use Danger sparingly, only for genuinely irreversible actions
Match your light-mode text/border colors to your site — dark mode is handled automatically
Check both Light and Dark before publishing

Use cases

Documentation pages
Changelogs and release notes
Help centers and knowledge bases
Any long-form page that needs consistent structure

Need help? Facing any issue?

Email: tankchaitanya23@gmail.com

54:T76c,

Overview

Our Approach Cards is a single flip-card component for any step-based process — product discovery, onboarding, roadmaps, feature lists. Place as many instances as you need, side by side, and let the card handle the rest. It adapts to light and dark mode automatically and includes a configurable flip interaction with hover lift.

Features

Media or Icon visual modes (5 built-in icon presets + custom SVG upload)
Automatic light/dark mode, or manual override per layer
Optional step-number badge — turn off for a plain feature-card look
Front teaser note + fuller back-face description, revealed on flip
Fluid sizing — cards stretch to fill their layout and taper height at tablet/phone widths
Fully unlocked — detach and edit anytime

How to use

Drag Our Approach Cards from Assets
Choose Media or Icon visual type
Add your title, front note, and back text
Set your accent color and theme
Place multiple instances side by side and let them wrap naturally

Best practices

Keep the front note short — it's a teaser, not the full explanation

Set light-mode colors deliberately for real contrast against your page
Turn off the step number for non-sequential feature grids
Check both Light and Dark before publishing

Use cases

Product discovery / process pages
Onboarding flow explainers
Feature grids
Roadmap / step breakdowns

Need help? Facing any issue?

Email: tankchaitanya23@gmail.com

55:T5f2,

Overview

Practical Ui Card is a structured project/case-study card for portfolios, agencies, and studio sites. It adapts to light and dark mode automatically and includes a configurable hover effect.

Features

Full and Compact layouts
Automatic light/dark mode, or manual override
Configurable hover lift, shadow, and press effect
Three CTA styles with custom icon, color, and radius
Cover image, GIF, or video support
Fully unlocked — detach and edit anytime

How to use

Drag Practical Ui Card from Assets
Choose Full or Compact variant
Add your title, tags, and content
Set your CTA and theme
Adjust hover effects to match your brand

Best practices

Keep Challenge / Approach / Outcome text short and scannable
Set the Dark shadow separately from Light for real contrast
Match Hover Lift and Shadow to your site's existing motion style
Check both Light and Dark before publishing

Use cases

Portfolio case studies
Agency project pages
Studio work grids
Client showcase sections

Need help Facing any issue?

Email: tankchaitanya23@gmail.com

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-49861b10-aeae-4930-aaad-29352b709e14-all:/unified/creator/49861b10-aeae-4930-aaad-29352b709e14/activity/":[{"data":[{"id":"019ff7c0-078a-727d-bb87-afcc9b28aa8d","type":"creator.followed","target":{"type":"creator","id":"8547f9b6-cb91-4598-8d82-da320be55ee7","preview":"Iqtidar Tara","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8547f9b6-cb91-4598-8d82-da320be55ee7/2wcpfxw4","slug":"iqtidar-hussain","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-12T20:53:05.027Z","latestAt":"2026-08-12T20:53:05.027Z"},{"id":"019ff7bf-db06-70fb-9c36-60d0663e819d","type":"component.liked","target":{"type":"component","id":"chKmrw0pLYBPAZyg3uxI","preview":"G-Bars","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8547f9b6-cb91-4598-8d82-da320be55ee7/019f5e14-035a-7348-aa0b-6c7fa784183c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-12T20:52:53.633Z","latestAt":"2026-08-12T20:52:53.633Z"},{"id":"019ff7bf-cea7-71e3-9cc8-03fe68a0c72b","type":"component.liked","target":{"type":"component","id":"7lxXt4TJxnohxTBlBkgy","preview":"AuroraWaveFX","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7lxXt4TJxnohxTBlBkgy/aurorawavefx-7epRmfV9eaHhtf7kSXMeAhP2BeEb3E","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-12T20:52:50.464Z","latestAt":"2026-08-12T20:52:50.464Z"},{"id":"019ff7be-254d-72d4-86f6-8c80ac012564","type":"creator.followed","target":{"type":"creator","id":"c3267055-8b7a-4d57-819b-a04a4ca44a27","preview":"Plaiter HQ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28796/ueg2iX8zqQePJhPoCvXy7ToHbOA-7727zR83zlmJbNcge9kvHaKBCabcdy.jpeg","slug":"plaiter","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-12T20:51:01.575Z","latestAt":"2026-08-12T20:51:01.575Z"},{"id":"019ff7bd-f365-702a-b853-ed50c7604f24","type":"creator.followed","target":{"type":"creator","id":"76d8b624-6205-4cb4-9b6d-122921ef9ce1","preview":"Kartik Saini ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/76d8b624-6205-4cb4-9b6d-122921ef9ce1/knvbpzqi","slug":"kartiksaini","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-12T20:50:48.799Z","latestAt":"2026-08-12T20:50:48.799Z"},{"id":"019f887f-102c-7196-87fb-cf73fa5b96b0","type":"creator.followed","target":{"type":"creator","id":"19cdec23-93f6-42f6-80fe-79a79fa49221","preview":"REHBAZ ALI ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/19cdec23-93f6-42f6-80fe-79a79fa49221/78rdjevk","slug":"rehbaz-ali","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T06:24:16.417Z","latestAt":"2026-07-22T06:24:16.417Z"},{"id":"019f887e-fa28-7127-a517-9abc8537771e","type":"creator.followed","target":{"type":"creator","id":"9b8396e0-0c3d-4388-a2cb-2e4ee29d3584","preview":"Sawal Arman","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9b8396e0-0c3d-4388-a2cb-2e4ee29d3584/74sexo7b","slug":"sawal-arman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T06:24:10.788Z","latestAt":"2026-07-22T06:24:10.788Z"},{"id":"019f887e-f346-73f8-ae85-d62c648b9735","type":"creator.followed","target":{"type":"creator","id":"55e66b8b-bd81-4efe-9f12-b81d28c78988","preview":"Yaroslav","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1448889/avatar-r3OcUBHK7vNpsK2jpsBm7bkjS9Ud3z.jpg","slug":"yaroslav-cherevaty","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T06:24:09.020Z","latestAt":"2026-07-22T06:24:09.020Z"},{"id":"019f887e-ebf9-761c-8767-9b9082620e7a","type":"creator.followed","target":{"type":"creator","id":"2be06ac9-204d-4857-99cc-760f06f8c5e5","preview":"Abdelbaki Bahloul","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2be06ac9-204d-4857-99cc-760f06f8c5e5/mmqtf9z6","slug":"abdelbaki-bahloul","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T06:24:07.157Z","latestAt":"2026-07-22T06:24:07.157Z"},{"id":"019f887e-dec0-71bb-b1cc-0d4a6c35be16","type":"creator.followed","target":{"type":"creator","id":"4646fd31-4eba-4c42-8e8e-68ef4f848fd8","preview":"Peush Jha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31194/avatar-4WafpCV2BWeCAJi7rkY7GjMf7YwL8z.jpg","slug":"peush-jha","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T06:24:03.771Z","latestAt":"2026-07-22T06:24:03.771Z"},{"id":"019f711d-c11b-77da-abde-ee34faccbd05","type":"creator.followed","target":{"type":"creator","id":"e602b3af-2cca-4f73-972b-6810f421796b","preview":"Felix Clausen","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e602b3af-2cca-4f73-972b-6810f421796b/az5k9ivh","slug":"felixclausen","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T17:26:43.219Z","latestAt":"2026-07-17T17:26:43.219Z"},{"id":"019f711d-baf4-748a-8734-7f199c263273","type":"creator.followed","target":{"type":"creator","id":"efdded77-3c71-4bb2-a61d-30ef6282cbf5","preview":"David Bagdasaryan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/efdded77-3c71-4bb2-a61d-30ef6282cbf5/rvqwdsaz","slug":"dtaw","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T17:26:41.642Z","latestAt":"2026-07-17T17:26:41.642Z"},{"id":"019f6ad2-1f8c-727a-80b7-9a26c25f0ab8","type":"creator.followed","target":{"type":"creator","id":"10babd35-5d65-432b-a937-0d364862def7","preview":"Template Munk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/987138/avatar-ab5H26kGpYaOYuIhN5LyueDxmZncxB.jpg","slug":"template-munk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T12:06:23.366Z","latestAt":"2026-07-16T12:06:23.366Z"},{"id":"019f6990-066c-746c-ae08-c0c1e5253f69","type":"post.liked","target":{"type":"post","id":"019f698f-8794-731a-90bc-b8e7ff7f9af6","preview":"PAYE is live! 🎉\nA Framer template for payroll, HR, and fintech SaaS — 18 pages, 3 CMS collections, and a built-in brand guidelines page. Designed to make complex products feel simple and trustworthy.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"PAYE is live! ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"A Framer template for payroll, HR, and fintech SaaS — 18 pages, 3 CMS collections, and a built-in brand guidelines page. Designed to make complex products feel simple and trustworthy. "}]}]},"thumbnail":"https://image.mux.com/Tiy7sdSCUUB3eKEr1Jf85wCbH4DXGCO4PoRP2ct3asc/thumbnail.webp?time=2.333","targetDeleted":false,"owned":false,"actions":{"postId":"019f698f-8794-731a-90bc-b8e7ff7f9af6","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T06:14:34.333Z","latestAt":"2026-07-16T06:14:34.333Z"},{"id":"019f678e-4984-705e-9b5a-5394282d8b3b","type":"component.created","target":{"type":"component","id":"VSp1RzOGp7LHoyVNMgUz","preview":"Practical Doc Blocks","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/019f678b-7421-752a-ab0c-c087fb6702c8.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-15T20:53:26.020Z","latestAt":"2026-07-15T20:53:26.020Z"},{"id":"019f6530-6525-76f5-924a-70bfa98e2719","type":"component.created","target":{"type":"component","id":"L0VLaaTixUqpSVnzkhN6","preview":"Our Approach Cards","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/019f652a-414d-70da-b354-f419a4fa2a7e.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-15T09:51:38.277Z","latestAt":"2026-07-15T09:51:38.277Z"},{"id":"019f6525-eaac-767c-8e3f-4172ce77f1e3","type":"creator.followed","target":{"type":"creator","id":"7427ce08-b9d6-4f8f-87cb-3246376ca09d","preview":"Leki Yangzom","previewJson":null,"thumbnail":null,"slug":"leki-yangzom","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T09:40:11.550Z","latestAt":"2026-07-15T09:40:11.550Z"},{"id":"019f64b6-6793-70c9-9123-bec4eb756af9","type":"creator.followed","target":{"type":"creator","id":"58ba425b-1e92-44ed-a6e4-f8ce0c7a9d06","preview":"Hasan Mahmud","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/58ba425b-1e92-44ed-a6e4-f8ce0c7a9d06/y93myy2h","slug":"hasan-mahmud","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T07:38:23.500Z","latestAt":"2026-07-15T07:38:23.500Z"},{"id":"019f5fed-03d5-76cb-a2c3-90c036917762","type":"creator.followed","target":{"type":"creator","id":"830039ba-56b1-42fc-a371-361e8f7a1e4c","preview":"RedDevs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/70334/avatar-q9VjO21hdl19yEZkkQj3EgY306N2Yq.jpg","slug":"reddevs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T09:19:56.362Z","latestAt":"2026-07-14T09:19:56.362Z"},{"id":"019f5fec-de81-771f-859a-be071d6e179e","type":"creator.followed","target":{"type":"creator","id":"3fc00e47-c692-4bee-8134-6528efa80a1e","preview":"TaktForm","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/489296/avatar-BEGwlOas8ClsvEH0ayihFWJI4HzcqV.jpg","slug":"taktform","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","slug":"chaitanya-tank","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T09:19:46.811Z","latestAt":"2026-07-14T09:19:46.811Z"}],"pagination":{"next":"MjAyNi0wNy0xNFQwOToxOTo0Ni44MTFafDAxOWY1ZmVjLWRlODEtNzcxZi04NTlhLWJlMDcxZDZlMTc5ZQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:49861b10-aeae-4930-aaad-29352b709e14:/unified/posts/?creator=49861b10-aeae-4930-aaad-29352b709e14&with=reposts":[{"data":[{"id":"019f678e-483f-77b8-b6c1-1c45b229161b","title":null,"body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Every doc page I've ever built ends up the same way: five different components, three of them fighting each other on spacing, and dark mode that only works if you don't look too closely."}]},{"type":"paragraph","content":[{"type":"text","text":"So I built the thing I actually wanted one block, five shapes. Heading, body text, a callout for the \"please don't skip this\" moments, a code snippet with copy-to-clipboard, and a divider for breathing room. Stack them however your page needs and they just... match. Every time."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I'm most stubborn about: it doesn't fake dark mode. It actually looks at what it's sitting on and adjusts — no washed-out text, no \"looks great until you switch themes\" moment."}]},{"type":"paragraph","content":[{"type":"text","text":"Free, no lock-in, fully yours to detach and tear apart if you want to see how it's built."}]},{"type":"paragraph","content":[{"type":"text","text":"If you're the kind of person who's rebuilt the same doc header for the fifth project in a row — this one's for you. Would genuinely love to know what you build with it."}]},{"type":"paragraph","content":[{"type":"text","text":"→ Doc Block, in the Community now."}]}]},"author":{"framerUserId":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","slug":"chaitanya-tank","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","followed":false,"followsYou":false},"media":[],"resources":[{"id":"VSp1RzOGp7LHoyVNMgUz","resolved":true,"title":"Practical Doc Blocks","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A single typographic content block for documentation, changelogs, and help centers. Heading, Body, Callout, Code, or Divider — stack as many instances as your page needs. Fully light and dark mode aware, with a color-aware code block and one-click copy."}]},{"type":"customHeading","content":[{"type":"text","text":"Overview","marks":[{"type":"bold"}]},{"type":"text","text":" "}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Practical Ui — Doc Block is a single typographic content block for documentation, changelogs, and help centers. Switch between five block types — Heading, Body Text, Callout, Code, and Divider — and stack as many instances as your page needs. Fully light and dark mode aware."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five block types in one component: Heading, Body Text, Callout, Code, Divider"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic light/dark mode, or manual override"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four semantic callout types — Info, Tip, Warning, Danger — each with its own fixed tint and icon"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Code blocks with a language label and one-click copy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Single Max Width control keeps line length readable at any container width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full color control — Accent, Text (Primary/Secondary/Muted), Border"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully unlocked — detach and edit anytime"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Doc Block from Assets"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose a Block Type — Heading, Body, Callout, Code, or Divider"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fill in the fields for that type"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Max Width and Theme"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stack more instances to build out the full page"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Best practices","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keep callout text short and scannable — one idea per block"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use Danger sparingly, only for genuinely irreversible actions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Match your light-mode text/border colors to your site — dark mode is handled automatically"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Check both Light and Dark before publishing"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use cases","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Documentation pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Changelogs and release notes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Help centers and knowledge bases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any long-form page that needs consistent structure"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Need help? Facing any issue?","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Email: "},{"type":"text","text":"tankchaitanya23@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:tankchaitanya23@gmail.com","target":"_blank"}}]}]},{"type":"paragraph"}]},"introduction":"Content Blocks for Docs & Guides","slug":"practical-doc-blocks","author":{"framerUserId":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","slug":"chaitanya-tank","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/019f678b-7421-752a-ab0c-c087fb6702c8.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-15T20:53:25.384Z","updatedAt":"2026-07-15T20:53:25.384Z","publishedAt":"2026-07-15T20:53:25.380Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/DocBlock-TrcXLT.js@SvCSFy3hqEz0GWOdV6L9","previewUrl":"https://doc-block-practical-ui-thinktank-2026.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"SvCSFy3hqEz0GWOdV6L9","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-15T20:53:25.695Z","updatedAt":"2026-07-15T20:53:25.695Z"},{"id":"019f6530-63ea-754f-be4b-39b59471bab5","title":null,"body":"

Flipping cards are Here !!!

Our Approach Cards ,a single flip card for any step-based process: product discovery, onboarding, roadmaps, feature lists. Media or icon front face, an optional step-number badge, and full light/dark mode support.

It's free and fully unlocked, use it anywhere, tweak it however you want. Would love any feedback here for my second Framer Component shipped to Marketplace.

Thank You 🙂

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flipping cards are Here !!!"}]},{"type":"paragraph","content":[{"type":"text","text":"Our Approach Cards ,a single flip card for any step-based process: product discovery, onboarding, roadmaps, feature lists. Media or icon front face, an optional step-number badge, and full light/dark mode support."}]},{"type":"paragraph","content":[{"type":"text","text":"It's free and fully unlocked, use it anywhere, tweak it however you want. Would love any feedback here for my second Framer Component shipped to Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"Thank You "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}}]}]},"author":{"framerUserId":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","slug":"chaitanya-tank","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","followed":false,"followsYou":false},"media":[],"resources":[{"id":"L0VLaaTixUqpSVnzkhN6","resolved":true,"title":"Our Approach Cards","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Overview ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Our Approach Cards is a single flip-card component for any step-based process — product discovery, onboarding, roadmaps, feature lists. Place as many instances as you need, side by side, and let the card handle the rest. It adapts to light and dark mode automatically and includes a configurable flip interaction with hover lift."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media or Icon visual modes (5 built-in icon presets + custom SVG upload)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic light/dark mode, or manual override per layer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional step-number badge — turn off for a plain feature-card look"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Front teaser note + fuller back-face description, revealed on flip"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid sizing — cards stretch to fill their layout and taper height at tablet/phone widths"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully unlocked — detach and edit anytime"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Our Approach Cards from Assets"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose Media or Icon visual type"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your title, front note, and back text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set your accent color and theme"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place multiple instances side by side and let them wrap naturally"}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Best practices","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Keep the front note short — it's a teaser, not the full explanation"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set light-mode colors deliberately for real contrast against your page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn off the step number for non-sequential feature grids"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Check both Light and Dark before publishing"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Use cases","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product discovery / process pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Onboarding flow explainers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Feature grids"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Roadmap / step breakdowns"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Need help? Facing any issue? "}]},{"type":"paragraph","content":[{"type":"text","text":"Email: "},{"type":"text","text":"tankchaitanya23@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:tankchaitanya23@gmail.com","target":"_blank"}}]}]}]},"introduction":"Flip Cards for Any Step-Based Flow","slug":"our-approach-cards","author":{"framerUserId":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","slug":"chaitanya-tank","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/019f652a-414d-70da-b354-f419a4fa2a7e.jpg","metadata":{"tint":{"h":270,"s":40,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-15T09:51:37.620Z","updatedAt":"2026-07-16T11:24:29.880Z","publishedAt":"2026-07-15T09:51:37.617Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/ProcessDisplay-c24gzW.js@V2zAiOdf8hyCsJB0OOxy","previewUrl":"https://ourapproach-card-practical-ui-thinktank-2026.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"V2zAiOdf8hyCsJB0OOxy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":20,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-15T09:51:37.962Z","updatedAt":"2026-07-15T09:51:37.962Z"},{"id":"019f2d62-ed58-72c5-a7e6-1d0c069421b3","title":null,"body":"

Just shipped !!!

Practical Ui Card a structured case study/project card for portfolios, agency sites, and studio pages. Full and Compact layouts, automatic light/dark mode, and a configurable hover + press effect you can tune to match your own site.

It's free and fully unlocked use it anywhere, tweak it however you want. Would love any here feedback for my First Framer Component shipped to Marketplace.

Thank You 😊

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped !!! "}]},{"type":"paragraph","content":[{"type":"text","text":"Practical Ui Card a structured case study/project card for portfolios, agency sites, and studio pages. Full and Compact layouts, automatic light/dark mode, and a configurable hover + press effect you can tune to match your own site."}]},{"type":"paragraph","content":[{"type":"text","text":"It's free and fully unlocked use it anywhere, tweak it however you want. Would love any here feedback for my First Framer Component shipped to Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"Thank You "},{"type":"emoji","attrs":{"name":"blush","emoji":"😊"}}]}]},"author":{"framerUserId":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","slug":"chaitanya-tank","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JZQncQbT05eKSpUKB1Tv","resolved":true,"title":"Practical Ui Cards","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Overview","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Practical Ui Card is a structured project/case-study card for portfolios, agencies, and studio sites. It adapts to light and dark mode automatically and includes a configurable hover effect."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full and Compact layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic light/dark mode, or manual override"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configurable hover lift, shadow, and press effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three CTA styles with custom icon, color, and radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cover image, GIF, or video support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully unlocked — detach and edit anytime"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Practical Ui Card from Assets"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose Full or Compact variant"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your title, tags, and content"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set your CTA and theme"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust hover effects to match your brand"}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Best practices","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keep Challenge / Approach / Outcome text short and scannable"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the Dark shadow separately from Light for real contrast"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Match Hover Lift and Shadow to your site's existing motion style"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Check both Light and Dark before publishing"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Use cases","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio case studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency project pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Studio work grids"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Client showcase sections"}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Need help","marks":[{"type":"bold"}]},{"type":"text","text":" Facing any issue?"}]},{"type":"paragraph","content":[{"type":"text","text":"Email: tankchaitanya23@gmail.com"}]}]},"introduction":"Structured Case Study Cards","slug":"practical-ui-cards","author":{"framerUserId":"49861b10-aeae-4930-aaad-29352b709e14","name":"ThinkTank.","slug":"chaitanya-tank","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/cw6uyorl","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49861b10-aeae-4930-aaad-29352b709e14/qqvf7xkt","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-04T13:48:05.799Z","updatedAt":"2026-07-04T13:48:05.799Z","publishedAt":"2026-07-04T13:48:05.796Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/ShowcaseCard-aB2j0I.js@IXt9Gej9l9WPI1HliWtC","previewUrl":"https://showcase-card-practical-ui-thinktank-2026.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"IXt9Gej9l9WPI1HliWtC","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-04T13:48:05.848Z","updatedAt":"2026-07-04T13:48:05.848Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]