50:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 51:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 52:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 53:Tfbd,"use client"; import { motion } from "framer-motion"; import { PiStar } from "react-icons/pi"; const WAVE_PATH = "M2.24805 117.325C2.24805 117.325 17.0028 97.1033 29.8018 98.9561C38.4919 100.214 39.6365 113.988 48.1709 111.923C53.828 110.554 55.4186 106.264 58.9763 101.657C64.988 93.8734 59.1555 80.7956 68.7011 78.4259C71.5679 77.7143 73.5133 79.5002 76.2649 78.4259C81.0185 76.5699 82.7481 67.0803 82.7481 67.0803C82.7481 67.0803 88.4808 66.1055 91.9327 67.0803C101.851 69.8811 92.7632 95.5402 102.198 91.3924C106.451 89.5223 108.602 86.7072 109.762 82.2078C110.446 79.5518 108.937 77.8004 109.762 75.1843C111.503 69.6586 119.068 71.9624 122.188 67.0803C124.751 63.0691 123.14 59.6216 124.889 55.1944C126.591 50.8862 126.593 46.7966 130.832 44.9293C137.05 42.1904 140.976 49.6331 144.879 55.1944C150.16 62.7181 144.218 70.3792 148.661 78.4259C152.051 84.5657 154.08 91.0802 161.087 91.3924C164.887 91.5617 166.476 88.3938 170.272 88.1508C183.788 87.2855 169.32 127.831 181.077 121.107C189.012 116.569 181.377 104.506 188.641 98.9561C192.723 95.8368 197.392 98.2246 201.067 94.634C205.716 90.0917 202.067 84.3003 204.849 78.4259C207.179 73.5048 207.655 68.3359 212.953 67.0803C220.263 65.3477 217.524 80.4944 224.839 82.2078C227.509 82.8334 231.862 82.2078 231.862 82.2078C231.862 82.2078 231.918 67.088 238.345 67.0803C243.916 67.0736 242.12 75.7224 246.99 78.4259C249.499 79.8188 251.477 81.9297 254.013 80.587C256.55 79.2443 253.903 75.3179 256.174 73.5635C259.685 70.8518 262.004 78.4587 266.439 78.4259C276.048 78.355 267.154 61.3365 274.543 55.1944C277.809 52.4802 281.067 53.1213 284.268 50.332C291.637 43.9111 281.966 31.2689 290.211 26.0199C292.857 24.3354 294.703 22.6879 297.775 23.3185C303.247 24.4416 295.73 34.4199 300.476 37.3655C303.883 39.4794 307.018 38.8498 310.741 37.3655C315.916 35.303 314.263 28.2069 319.386 26.0199C323.461 24.2802 327.083 28.5344 330.731 26.0199C333.685 23.9843 331.809 19.4452 335.054 17.9158C339.321 15.9043 341.151 23.6223 345.859 23.3185C354.515 22.7601 352.882 2.24805 352.882 2.24805"; const AVATARS = [1, 2, 3]; export function Bento10Tile1() { return (

{AVATARS.map((n) => (

))}

I want to achieve financial
independence.

); } 4c:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[["$","li","framer-motion",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/framer-motion","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"framer-motion"}]]}]}],["$","li","react-icons",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/react-icons","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"react-icons"}]]}]}]]}],["$","$L50",null,{"registryDependencies":[]}]]}],["$","$L51",null,{"sourceUrl":"https://shadcnblocks.com/r/bento-tile-bento10-tile1.json","proxyUrl":"https://shadcnregistry.com/r/shadcnblocks/bento-tile-bento10-tile1","itemId":"@shadcnblocks/bento-tile-bento10-tile1"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L52",null,{"files":[{"path":"example/bento-tile/bento10-tile1.tsx","content":"\"use client\";\n\nimport { Bento10Tile1 } from \"@/components/shadcnblocks/bento-tile/bento10-tile1\";\n\nexport const title = \"Bento 10 tile 1\";\n\nconst Example = () => (\n

\n \n

\n);\n\nexport default Example;\n","type":"registry:block"},{"path":"components/shadcnblocks/bento-tile/bento10-tile1.tsx","content":"$53","type":"registry:component","target":""}]}]]}],"$L54"]}]

Bento Tile Bento10 Tile 1 Ultra Visual Grid System

Installation

Files

components

Styles