Community 5 block design & features
Community5 combines shadcn/ui Badge and Card elements with a Magic UI grid pattern accent to promote a GitHub organization. The header uses a GitHub-labeled badge, a semibold title, and a muted paragraph. The primary surface is a large rounded card: GitHub mark and org name on one side, repo URL as an underlined muted link, narrative copy, and a row of three stat chips for stars (with a yellow star icon), forks, and contributors; a soft grid fades in from the bottom-right behind the content.
Under the hero card, three compact square tiles show Discord, Twitter, and LinkedIn icons with small captions, each in a bordered panel that lifts slightly on hover.
The block reads as open-source credibility first, tertiary socials second. It is moderately complex because of the decorative grid mask, stat row, and mixed icon set, but the information model is still one profile object plus three outbound links.
On smaller widths the card stacks its columns while keeping the stat row readable; the pattern stays clipped to the corner so it does not fight the text.