
Hearth is a carefully crafted social & community app UI kit designed for startups, product teams, and designers building the next generation of social experiences — feeds, communities, reels, and messaging in one warm, vibrant system.
Built with a complete design-token foundation and a strong component library, Hearth helps you move from idea to polished product fast. Every flow is thought through — from onboarding and authentication to community discovery, content creation, group chats, and profile management. 108 unique screens, each delivered in both Light and Dark Mode.
The kit is built on real variables, not hardcoded values. Switch between 3 corner-radius styles (Pill, Medium, Sharp) and 4 font presets (Inter, Plus Jakarta Sans, Manrope, Space Grotesk) with one click — the whole kit responds instantly. This makes it easy to rebrand, customize, and adapt Hearth to any product direction without breaking the design system.
Hearth is fully customizable in Figma. Colors, text styles, spacing, and components are organized and structured so you can quickly make it your own. All layers are clean, named properly, and easy to navigate.
Highlights
Light & Dark Mode
124 Design Variables
100% Color Customizable
3 Corner-Radius Styles
4 Font Presets
Well Organized Layers
Clean and modern design
Global styles
Free Fonts
What's included
+108 unique screens (216 with Dark Mode)
+36 reusable components & 38 custom icons
12 complete user flows













