▶️ Watch on 3Speak

HiveReactKit adds unified Snaps UI, infinite scroll, MediaPopup, 3Speak playback, and UX improvements.

Hello Hive Community Members,

Let's get started with dev updates about the apps we're working on.

HiveReactKit

Unified Snaps Feed UI Components

Reusable Feed System Architecture

feat(snaps): add unified snaps feed UI components.
Added reusable Snaps feed UI components:
- SnapsFeedView
- SnapsFeedList
- SnapsFeedCard
- SnapsSegmentControl

Built responsive feed layouts:
- 1-column layout for mobile devices
- 4-column layout for tablet and desktop devices

Simplified UI structure:
- Added single hSnaps tag chip
- Removed unnecessary multi-tag rows
- Removed unused 2-column layout variants

Outcome:
- Cleaner and more maintainable feed architecture
- Improved consistency across HiveReactKit Snaps interfaces
- Better responsive experience across devices

Unified Snaps Feed UI

Responsive Snaps Layout

MediaPopup & Rich Media Experience

Fullscreen Media Handling Improvements

Added reusable MediaPopup component supporting:
- Images
- GIFs
- Videos
- Audio
- YouTube embeds
- 3Speak playback

Added fullscreen mobile media experience for better content viewing.
Integrated 3Speak playback using iframe-based stable rendering approach.

Outcome:
- Improved media consumption experience
- More stable 3Speak playback integration
- Unified handling for all supported media formats

MediaPopup Experience

3Speak Playback Integration

Profile Snaps Feed & Infinite Scroll

Feed Loading & State Management

feat(snaps): unified feed UI, profile tab & infinite scroll.
Added Profile Snaps tab with:
- Multi-feed fetching
- Feed caching support

Implemented infinite scrolling using IntersectionObserver.
Removed traditional “Load More” pagination flow.
Added per-column scroll handling for desktop layouts.
Added mobile feed state persistence for improved navigation continuity.

Outcome:
- Smoother browsing experience
- Better performance during large feed navigation
- Improved mobile and desktop usability

Infinite Scroll Feed

User Profile Snaps Tab

UX & Interaction Improvements

Snaps Card Interaction Enhancements

Added card-level actions:
- Edit
- Delete
- Flag

Added floating ComposeFab action button.
Improved interaction feedback:
- Vote highlighting
- Comment highlighting
- Reply preview support
- Navigation progress bar

Improved overall feed interaction consistency and usability.

Outcome:
- Better creator interaction workflows
- Improved navigation clarity
- Enhanced user engagement experience

Card Actions & ComposeFab

Vote & Comment Interaction Improvements

Powering the Hive Ecosystem

Continuously improving reusable UI systems for Hive applications
Building scalable and modern feed experiences for the Hive community
Contributing towards better open-source tooling and creator-focused experiences within the Hive ecosystem

Final Note

This post has been refined with the help of AI to improve readability and structure
The original development updates and optimized version are both available for reference

More Links



HiveSuite App	Vote as Witness	Support via Discord

▶️ 3Speak

_{via Apps from}

Sort:

Trending

[-]

indiaunited (70) 2 days ago

This post has been manually curated by @bhattg from Indiaunited community. Join us on our Discord Server.

Do you know that you can earn a passive income by delegating to @indiaunited. We share more than 100 % of the curation rewards with the delegators in the form of IUC tokens.

Here are some handy links for delegations: 100HP, 250HP, 500HP, 1000HP.

_{100% of the rewards from this comment goes to the curator for their manual curation efforts. Please encourage the curator @bhattg by upvoting this comment and support the community by voting the posts made by @indiaunited.}