Back to browse
Frontpedia, an open source front end resource site

Frontpedia, an open source front end resource site

by AndreVitorio·Apr 15, 2026·3 points·1 comment

AI Analysis

MidCozy

Curated frontend resource directory built with Next.js and Outstatic CMS.

Strengths
  • Database-free setup makes deployment straightforward for self-hosting
  • Can be forked as a template for launching your own curated resource site
Weaknesses
  • Curated list format with no novel technique beyond existing resource directories
  • Content value depends entirely on curation quality, not technical differentiation
Category
Target Audience

Frontend developers and designers seeking inspiration

Similar To

Product Hunt · BetaList · UI8

Post Description

I made Frontpedia as a way to collect and organize frontend websites and resources I come across.

It’s an open source project built for frontend developers and designers, and it can also be used as a base for anyone who wants to launch their own curated resource site.

It uses Next.js and Outstatic for content management, with a database-free setup and easy deployment.

Similar Projects

DesignMid

Japanese ma is the most underrated design system in front end

The visual concept is strong: generous negative space, a micro-typographic centerline and restrained UI that actually sells the idea of 'ma'. Unfortunately the page reads like a demo/theme — repeated copy blocks and zeroed stats suggest placeholder content rather than a finished system or component library. Useful as a quiet starting point for designers who like minimalism, but it needs real docs, components and examples to move beyond a pretty landing.

Eye CandyNiche Gem
Dontizi
204mo ago
Design●●Solid

Angora – Front-End Design System as Code Using Claude Code

Angora converts conversation and design tokens into actual production HTML/CSS (via Astro) rather than a static Figma specimen — it builds semantic, accessibility-minded components and wires them to data without a client runtime. The idea of the design system being the shipped site is smart and feels fresh; the obvious caveat is complexity — interactive state, complex component logic, and long-term maintainability are the hard parts that an alpha needs to prove it can handle.

Bold BetWizardryNiche Gem
junaidbhura
203mo ago
DesignPass

Modern CSS – Every old CSS hack paired with a clean, modern replacement

Side-by-side snippets (old hack → modern CSS) with difficulty, browser-compat scores and a playground make this an instant lookup for refactors. The curation is pragmatic — examples like translate-centering → place-items, scrollbar-gutter, and OKLCH color swaps show you exactly what to replace and why. I’d love inline live sandboxes and per-browser caveats for tricky edge cases, but the site already shaves hours off common CSS archaeology.

Crowd PleaserSlickSolve My Problem
naeemnur
204mo ago
Developer Tools●●Solid

Clovr – Generate structured Next.js front ends from a prompt

Clovr trades mockup screenshots for an actual file scaffold: it claims to output a Next.js repo with a consistent design system, routing, spacing scale and readable components you could commit. That focus on structure over pixels is the right call, but the space is crowded—I'd need to see TypeScript/test support, extensibility for existing repos, and examples of nontrivial apps before I'd swap it in for templates plus Copilot.

Ship ItSolve My Problem
alby_churven
204mo ago