5d:I[333483,["/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/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T849,

✦ Give your services the attention they deserve.

Showcase your services with compact cards, clean typography and playful hover interactions. Fully responsive and easy to customize. Make it completely your own with flexible controls for layout, styling and motion :)

⚙ What you can customize

Easily adapt every part of the component to match your own brand and style.

Images ✦ Hover images ✦ Image positioning ✦ Categories ✦ Headlines ✦ Descriptions ✦ Tags ✦ Detail text ✦ CTA labels ✦ Links ✦ Open in new tab ✦ Individual accent colors ✦ Card width ✦ Card gap ✦ Padding ✦ Image height ✦ Border radius & width ✦ Hover lift ✦ Image zoom ✦ Shadow intensity ✦ Animation speed ✦ Typography ✦ Background & text colors

🎯 Perfect for

Service sections ✦ Agency websites ✦ Freelancer portfolios ✦ Creative studios ✦ Project previews ✦ Product highlights ✦ Landing pages ✦ Consulting offers

📱 Responsive by default

The flexible grid automatically adapts to the component’s width across Desktop, Tablet and Mobile. Content and CTAs stay visible and accessible without hovering.

🖱 Included interactions

Fully clickable cards ✦ CTA hover fills ✦ Animated arrows ✦ Subtle card lift ✦ Image zoom ✦ Optional hover image reveal ✦ Keyboard focus states ✦ Smooth transitions ✦ Reduced-motion support

🔗 Live Preview

https://first-insurance-968215.framer.app/

––––––––

❤ Thank you so much for your support! I genuinely appreciate every download. I hope you have fun customizing this component and making it your own. Happy building!

5a:[["$","$L5d",null,{"post":{"id":"01a0c4d9-13ae-76fc-b83b-9f7464be2c0b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2179b778-b2d7-4c1e-ab27-60e7e12a6593","name":"felix strobel","slug":"fs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2179b778-b2d7-4c1e-ab27-60e7e12a6593/8gv1pj67","followed":false,"followsYou":false},"media":[],"resources":[{"id":"iNKJwrxO55accZz9Xi1W","resolved":true,"title":"Service Tiles","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"✦ Give your services the attention they deserve.","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Showcase your services with compact cards, clean typography and playful hover interactions. Fully responsive and easy to customize. Make it completely your own with flexible controls for layout, styling and motion :)"}]},{"type":"customHeading","content":[{"type":"text","text":"⚙ What you can customize","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Easily adapt every part of the component to match your own brand and style."}]},{"type":"paragraph","content":[{"type":"text","text":"Images ✦ Hover images ✦ Image positioning ✦ Categories ✦ Headlines ✦ Descriptions ✦ Tags ✦ Detail text ✦ CTA labels ✦ Links ✦ Open in new tab ✦ Individual accent colors ✦ Card width ✦ Card gap ✦ Padding ✦ Image height ✦ Border radius & width ✦ Hover lift ✦ Image zoom ✦ Shadow intensity ✦ Animation speed ✦ Typography ✦ Background & text colors"}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"dart","emoji":"🎯"}},{"type":"text","text":" Perfect for","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Service sections ✦ Agency websites ✦ Freelancer portfolios ✦ Creative studios ✦ Project previews ✦ Product highlights ✦ Landing pages ✦ Consulting offers"}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" Responsive by default","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The flexible grid automatically adapts to the component’s width across Desktop, Tablet and Mobile. Content and CTAs stay visible and accessible without hovering."}]},{"type":"customHeading","content":[{"type":"text","text":"🖱 Included interactions","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Fully clickable cards ✦ CTA hover fills ✦ Animated arrows ✦ Subtle card lift ✦ Image zoom ✦ Optional hover image reveal ✦ Keyboard focus states ✦ Smooth transitions ✦ Reduced-motion support"}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Live Preview","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"https://first-insurance-968215.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://first-insurance-968215.framer.app/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"––––––––","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"❤ Thank you so much for your support! I genuinely appreciate every download. I hope you have fun customizing this component and making it your own. Happy building!","marks":[{"type":"bold"}]}]}]},"introduction":"Compact cards. Thoughtful interact","slug":"service-tiles","author":{"framerUserId":"2179b778-b2d7-4c1e-ab27-60e7e12a6593","name":"felix strobel","slug":"fs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2179b778-b2d7-4c1e-ab27-60e7e12a6593/8gv1pj67","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2179b778-b2d7-4c1e-ab27-60e7e12a6593/01a0c4d9-01fb-7483-85cf-c018b55575a7.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T16:42:35.199Z","updatedAt":"2026-09-21T16:42:35.199Z","publishedAt":"2026-09-21T16:42:35.196Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Component-01-xhNbW3.js@EESxAeFfXQNZ6ZNPELz0","previewUrl":"https://first-insurance-968215.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"EESxAeFfXQNZ6ZNPELz0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T16:42:35.822Z","updatedAt":"2026-09-21T16:42:35.822Z","reported":false}}],"$L5f"]

Suggested for you