Hearth: Social Media and Community App UI Kit for Figma

A social and community app UI kit with 108 screens across 12 flows: feed, communities, reels, messaging, profile and more, in light and dark mode.

Hearth is a social and community app UI kit for startups, product teams and designers building feeds, groups and messaging.

It has 108 unique screens, 216 with dark mode, across 12 flows including Onboarding, Feed, Communities, Reels, Messaging and Profile. The previews show onboarding slides, log in with Google and Apple, a home feed with stories, a create sheet for posts, stories, reels, threads, polls and events, explore with category chips, a community page with feed and events tabs, a top members leaderboard, chat and a call screen, achievements, hashtag pages, profile insights and a Hearth Plus subscription screen.

Styling runs on 124 variables. Switch between 3 corner-radius styles (Pill, Medium, Sharp) and 4 font presets (Inter, Plus Jakarta Sans, Manrope, Space Grotesk). The kit includes 36 reusable components, 38 custom icons, 23 text styles and 8 effect styles, with full auto layout and organized layers.

108 unique screens, 216 with dark mode

12 complete user flows

Create flow for posts, stories, reels, threads, polls and events

Communities with members, events and a leaderboard

124 variables, 3 corner-radius styles and 4 font presets

36 reusable components and 38 custom icons

23 text styles, 8 effect styles, full auto layout

108 unique screens (216 with Dark Mode)

36 reusable components & 38 custom icons

12 complete user flows

23 text styles & 8 effect styles

Made by DjectStudio, a design studio for websites, apps and brands in English and Arabic. Get it on the DjectStudio store: djectstudio.com/store/hearth-social-media-community-app