A beautifully designed, modern Hacker News client with a sleek UI and seamless user experience. Built with performance and usability in mind, Fancy HN enhances your browsing experience with intuitive navigation, dark mode, and real-time updates.
- ✨ Clean and elegant interface
- 🌓 Dark/Light mode support
- ⚡️ Smooth navigation & fast performance
- 🔄 Real-time updates
- 📱 Responsive design
- 🎯 Built with modern tech stack
- 📲 Progressive Web App (PWA)
- Works offline
- Install on any device
- Fast loading times
- Push notifications
- App-like experience
Fancy HN is built as a Progressive Web App, offering a native app-like experience:
- 📥 Installable: Add to your home screen on any device
- ⚡ Fast Loading: Instant loading with service worker caching
- 🔔 Push Notifications: Stay updated with the latest stories
- 🔄 Auto Updates: Always get the latest version
- 📱 Responsive: Works seamlessly across all devices
- 🔋 Battery Efficient: Optimized for mobile devices
- Next.js 15 - React framework
- React 19 - UI library
- TypeScript - Type safety
- Tailwind CSS - Styling
- Framer Motion - Animations
- Radix UI - UI components
- Vercel Analytics - Analytics
- Node.js (LTS version recommended)
- Package manager (npm, yarn, pnpm, or bun)
- Clone the repository:
git clone https://github.com/yourusername/fancy-hn.git
cd fancy-hn- Install dependencies:
npm install
# or
yarn
# or
pnpm install
# or
bun install-
Create a
.env.localfile in the root directory and add required environment variables (if any). -
Start the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev- Open http://localhost:3000 with your browser to see the result.
We welcome contributions! Please see our Contributing Guide for more details.
This project is licensed under the MIT License - see the LICENSE file for details.
- Hacker News API
- All our contributors and supporters
Made with ❤️ by the Fancy HN team