X Fun – Clean X/Twitter List Viewer (For Kids and Others)

As a parent, I often discover fascinating posts on X (formerly Twitter) that I bookmark to share with my child. However, sharing these posts through my phone presents a challenge: the X app is cluttered with distracting content and interface elements that detract from the core content I want to share.

This led me to create a dedicated X/Twitter List Viewer. Instead of navigating the busy X interface, I can now curate interesting posts by collecting their URLs in a simple text file, then display them through this clean, focused website. The result is a distraction-free viewing experience that's actually better than browsing X.com directly — perfect for sharing educational, entertaining, or inspiring content with children without the noise of a full social media platform.

You can also join the discussion about this project on reddit.

• Clean Interface: Displays X/Twitter posts without distracting elements
• Multi-format Support: Handles text, images, videos, and mixed content
• Responsive Design: Works seamlessly on mobile and desktop devices
• Direct Media Playback: Videos and images play directly without redirects to X.com
• Expandable Images: Click any photo to view it full-size
• URL Flexibility: Supports both twitter.com and x.com URLs
• Kid-friendly: Designed for young viewers, fostering curiosity without distractions
• Progressive Web App (PWA): Install as an app on your device for native-like experience
• Offline Support: View previously loaded posts even without internet connection
• Self-hosting Friendly: Easy to deploy on your own server or hosting platform
• Privacy-focused: All requests are sent from your browser — the hosting server never sees your lists

1. Visit xfun.p0n1.xyz and try the default demo posts
2. Click "Try Examples" to explore curated demo lists

1. Create a plain text file with X/Twitter URLs (one per line)
2. Upload to a publicly accessible location:
   • GitHub: Create public repo → Upload .txt file → Copy raw URL
   • GitHub Gist: Create public gist → Copy raw URL
   • Pastebin: Create public paste → Use paste URL
3. Click the "Custom List" button on the website
4. Paste your URL and click "Load List"

Some hosting services may block cross-origin requests (CORS). If your list fails to load:

1. Test CORS support at cors-test.codehappy.dev with your URL
2. Use GitHub (recommended) — always supports CORS for raw URLs
3. Pastebin URLs are automatically handled with a CORS proxy

The viewer automatically handles both twitter.com and x.com URLs and fetches content using the FxEmbed API.

To run the project locally:

Open http://localhost:3000 with your browser to see the result.

• Framework: Built with Next.js for optimal performance
• PWA: Progressive Web App support with Serwist for offline functionality and app installation
• API: Uses FxEmbed API — no API keys required
• Styling: System font stack for consistent, fast-loading typography
• Architecture: Client-side only (server serves static files for simplicity)
• Self-hosting: Can be easily deployed to any static hosting service (Vercel, Netlify, GitHub Pages, etc.)