News Widget

An embeddable Instagram-style news feed widget with video playback, swipe gestures, and real-time comments.

Video Demo of News Feed Widget

Live test site

📖 Documentation

The main documentation is located in the news-widget/ directory.

→ View Full README

Quick Links

• 📦 Installation & Embedding Guide
• 🎨 Customizing Colors & Themes
• 📚 Usage Examples
• 🧪 Development Setup
• 📝 Working backward charter

Repository Structure

news-widget/
├── news-widget/          # Main package source
│   ├── src/             # React components, hooks, and types
│   ├── tests/           # Playwright E2E tests
│   ├── README.md        # 📖 Main documentation
│   └── EXAMPLES.md      # Usage examples
├── .github/
│   └── workflows/       # GitHub Actions (automated NPM publish)
└── POC.md              # Proof of concept notes

NPM Package

npm install @mieweb/news-widget

import { NewsWidget } from '@mieweb/news-widget';
import '@mieweb/news-widget/style.css';

function App() {
  return <NewsWidget />;
}

For complete documentation, see news-widget/README.md.