Feed
The reverse-chronological or ranked stream that shows what is new and worth opening.
Content & Data Views · 8 checks · 32 resources
Before you ship
8- 01Feed item preview — title, excerpt or thumbnail sufficient to judge whether the item is worth opening
- 02Author — the name and avatar of the person who created or posted each item
- 03Timestamps — when each item was published or last updated, switching from relative to exact time as items age
- 04Engagement actions — like, comment, share, save or react, sized by prominence and frequency of use
- 05New content indicator — a banner or button when new items have been posted since the user loaded the feed
- 06Filtering — controls for narrowing to a category, content type or followed accounts, with active filters indicated
- 07Pagination or infinite scroll — a mechanism for loading more items as the user reaches the bottom
- 08Empty state — for no connections, no activity, or an empty filter result
Resources that help you build this
32- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- Material Design 3 · Google's open design system: 39 components, tokens, and Compose/Web code
- Mobbin · Searchable library of real mobile and web app screens, organized into user flows
- Mobbin MCP · MCP server that gives coding agents 621,500+ real shipped app screens
- UI TripleD · 282-item shadcn registry of motion components, sections and full pages
- UX Patterns for Devs · 92 UX patterns with accessibility rules, an MCP server and llms.txt
- Are.na · Fifteen years of channel-based research collection, with a documented v3 API and a public OpenAPI spec
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registry
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatible
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI starters
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block library
- gluestack-ui · CLI-installed React Native component library built on NativeWind and Tailwind v4
- HextaUI · 103 shadcn registry items: primitives plus AI, auth, billing, settings and team blocks
- Humane by Design · 7 digital well-being principles broken into 29 concrete UI best practices
- interior.dev · 54 MIT micro-interaction components for React, installable as a shadcn registry
- Opensource UI · 154 free MIT React and Next.js components across 26 categories, copy-pasted from pages that serve the full TypeScript source in the HTML
- Ripplix · 7,000+ recorded UI animations from 1,000+ real apps, filterable by element
- shadcncraft · Paid shadcn/ui registry plus a 1:1 Figma kit, 8 styles across Radix and Base UI
- Supabase UI Library · shadcn registry of blocks that wire a UI straight into Supabase auth, storage and realtime
- Tailwind Plus · 500+ paid Tailwind UI blocks, 13 Next.js templates and the Catalyst React kit
- Tamagui · Universal React styling engine, optimizing compiler and ~48 components for web and native
- Avvvatars · React component that derives a deterministic placeholder avatar from a string
- Empty States · 235 curated screenshots of empty-state UI from real shipped apps
- Facehash · Deterministic CSS-drawn avatar faces from any string, zero runtime dependencies
- Oreo Avatar · Deterministic soft-gradient SVG avatars, 6 shapes x 40 palettes
- Page Flows · Screen recordings of real user flows from shipped iOS, Android, web, and email apps
- Savee · Ad-free visual bookmarking for designers, with extensions, a Figma plugin and boards
- Behance · Adobe's portfolio platform: long-form creative case studies, no public API since shutdown
- Collect UI · Daily UI archive of Dribbble shots, indexed by challenge such as sign-up or form
- Dribbble · The shot feed: cropped UI and branding visuals, browsable but unreadable and unlicensed
- Inspo AI · AI search over a UI reference library, plus moodboards and brand scans
- Layers · A designer community that posts work as feeds, with a job board beside it, and a login in front of most of it