Frontend

Practical, source-backed guides to frontend projects: what they do, who they help, and what to check before adoption.

npm PackageFrontend

Cheerio Guide: Use Cases, Setup, and Package Health

Cheerio explained: The fast, flexible & elegant library for parsing and manipulating HTML and XML. See best-fit use cases, setup, maintenance signals, and adoption checks.

27.4M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

Jotai Guide: Use Cases, Setup, and Package Health

Jotai explained: 👻 Primitive and flexible state management for React See best-fit use cases, setup, maintenance signals, and adoption checks.

5.6M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

Lucide React Guide: Use Cases, Setup, and Package Health

Lucide React explained: A Lucide icon library package for React applications. See best-fit use cases, setup, maintenance signals, and adoption checks.

96.2M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

Lucide Svelte Package Status: Deprecation and Migration Checks

Lucide Svelte is marked deprecated in the npm record. Review its stated purpose, replacement guidance, compatibility, and migration checks.

327.4K weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

Preact Guide: Use Cases, Setup, and Package Health

Preact explained: Fast 3kb React-compatible Virtual DOM library. See best-fit use cases, setup, maintenance signals, and adoption checks.

26.4M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

Radix UI Guide: Use Cases, Setup, and Package Health

Radix UI explained: Radix UI explained: Radix UI explained: Radix UI explained: Radix UI explained: Radix UI explained: Radix UI explained: Radix UI explained: Radix UI expla… See best-fit use cases, setup, maintenance…

10.4M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

React Guide: Use Cases, Setup, and Package Health

React explained: React is a JavaScript library for building user interfaces. See best-fit use cases, setup, maintenance signals, and adoption checks.

161.3M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

React Native Guide: Use Cases, Setup, and Package Health

React Native explained: A framework for building native apps using React See best-fit use cases, setup, maintenance signals, and adoption checks.

11.4M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

SolidJS Guide: Use Cases, Setup, and Package Health

SolidJS explained: A declarative JavaScript library for building user interfaces. See best-fit use cases, setup, maintenance signals, and adoption checks.

3.4M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

Storybook Guide: Use Cases, Setup, and Package Health

Storybook explained: Storybook: Develop, document, and test UI components in isolation See best-fit use cases, setup, maintenance signals, and adoption checks.

20M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

TanStack Guide: Use Cases, Setup, and Package Health

TanStack explained: TanStack Player — A developer-first, universal Video Player SDK built on Video.js with headless hooks, plugin architecture, and React-first DX See best-fit use cases, setup, maintenance signals, and…

7.1K weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

urql Guide: Use Cases, Setup, and Package Health

urql explained: A highly customizable and versatile GraphQL client for React See best-fit use cases, setup, maintenance signals, and adoption checks.

1M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

Valtio Guide: Use Cases, Setup, and Package Health

Valtio explained: 🧙 Valtio makes proxy-state simple for React and Vanilla See best-fit use cases, setup, maintenance signals, and adoption checks.

1.9M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

Vue Guide: Use Cases, Setup, and Package Health

Vue explained: The progressive JavaScript framework for building modern web UI. See best-fit use cases, setup, maintenance signals, and adoption checks.

14.3M weekly downloadsJavaScript/TypeScriptRead guide →
npm PackageFrontend

Zustand Guide: Use Cases, Setup, and Package Health

Zustand explained: 🐻 Bear necessities for state management in React See best-fit use cases, setup, maintenance signals, and adoption checks.

50.5M weekly downloadsJavaScript/TypeScriptRead guide →
HN DiscussionFrontend

Kitesurf: Agent-first browser that runs in V8 isolates: Context, Claims, and Sources

Kitesurf: Agent-first browser that runs in V8 isolates — We should be giving all agents tools that excel at what’s important for an AI model. Kitesurf is Cloudflare’s n… Read the context, source, and verification questi…

175 discussion pointsVariousRead guide →
HN DiscussionFrontend

Htmx 4.0, the first JavaScript library to release exclusively on the Game Boy: Context, Claims, and Sources

Htmx 4.0, the first JavaScript library to release exclusively on the Game Boy — HTMX 4.0, the first JavaScript library to release exclusively on the Game Boy® platform! Experience the power o… Read the context, source,…

412 discussion pointsVariousRead guide →
GitHub ProjectFrontend

Hyperliquid-Tracker Guide: Uses, Setup, and Repository Health

Hyperliquid-Tracker explained: Get notified when big trades happen on Hyperliquid. See best-fit use cases, setup, maintenance signals, and adoption checks.

513 GitHub starsTypeScriptRead guide →
HN DiscussionFrontend

Scriptc by Vercel: TypeScript-to-Native compiler, no JavaScript engine in binary: Context, Claims, and Sources

Scriptc by Vercel: TypeScript-to-Native compiler, no JavaScript engine in binary — TypeScript-to-Native Compiler. Contribute to vercel-labs/scriptc development by creating an account on GitHub. Read the context, source,…

113 discussion pointsVariousRead guide →
GitHub ProjectFrontend

Story-To-Handdrawn-Video Guide: Uses, Setup, and Repository Health

Story-To-Handdrawn-Video explained: Agent skill: convert Chinese story copy or ordered images into a hand-drawn diary-comic animation (silent MP4 picture track). See best-fit use cases, setup, maintenance signals, and a…

657 GitHub starsJavaScriptRead guide →
GitHub ProjectFrontend

Thinking-Orbs Guide: Uses, Setup, and Repository Health

Thinking-Orbs explained: Dotted thought-orb loading indicators for AI & agent UIs — six tuned states, two sizes, auto dark/light See best-fit use cases, setup, maintenance signals, and adoption checks.

1.1K GitHub starsTypeScriptRead guide →
GitHub ProjectFrontend

Codex-Router Guide: Uses, Setup, and Repository Health

Codex-Router explained: External-model router for Codex with guided Kimi OAuth/API, DeepSeek, safe migration, and rollback. See best-fit use cases, setup, maintenance signals, and adoption checks.

193 GitHub starsJavaScriptRead guide →
GitHub ProjectFrontend

Klaatcode Guide: Uses, Setup, and Repository Health

Klaatcode explained: Open-source AI coding agent for the terminal. Claude Code-grade accuracy with smart model routing — uses the right AI model for each task, cutting costs 1… See best-fit use cases, setup, maintenance…

251 GitHub starsTypeScriptRead guide →
GitHub ProjectFrontend

Open-Kritt Guide: Uses, Setup, and Repository Health

Open-Kritt explained: Orchestrate AI agents to find real vulnerabilities in code. See best-fit use cases, setup, maintenance signals, and adoption checks.

347 GitHub starsJavaScriptRead guide →
GitHub ProjectFrontend

Penguin-Harness Guide: Uses, Setup, and Repository Health

Penguin-Harness explained: Open, Efficient, Self-Improving Harness: Autonomously Build and Optimize AI Products for Just a Few Dollars See best-fit use cases, setup, maintenance signals, and adoption checks.

141 GitHub starsTypeScriptRead guide →
GitHub ProjectFrontend

Pireel Guide: Uses, Setup, and Repository Health

Pireel explained: Open-source, backend-free AI video editor for talking-head video — storyboarding, designed graphics, kinetic captions, themes and in-browser WebCodecs exp… See best-fit use cases, setup, maintenance si…

604 GitHub starsTypeScriptRead guide →
GitHub ProjectFrontend

Protestchat Guide: Uses, Setup, and Repository Health

Protestchat explained: Encrypted messaging with no internet, no cell tower, and no server. Phones relay for each other over Bluetooth mesh, so it keeps working during internet s… See best-fit use cases, setup, maintenan…

164 GitHub starsTypeScriptRead guide →
npm PackageFrontend

shadcn/ui Guide: Use Cases, Setup, and Package Health

shadcn/ui explained: [!WARNING] The shadcn-ui CLI is going to be deprecated soon. See shadcn for more information. See best-fit use cases, setup, maintenance signals, and adoption checks.

168.3K weekly downloadsJavaScript/TypeScriptRead guide →
GitHub ProjectFrontend

Sticker-Forge Guide: Uses, Setup, and Repository Health

Sticker-Forge explained: A tactile WebGL sticker maker with rich text, image uploads, and interactive peel physics. See best-fit use cases, setup, maintenance signals, and adoption checks.

260 GitHub starsJavaScriptRead guide →
npm PackageFrontend

Svelte Guide: Use Cases, Setup, and Package Health

Svelte explained: Svelte is a new way to build web applications. It's a compiler that takes your declarative components and converts them into efficient JavaScript that sur… See best-fit use cases, setup, maintenance si…

5.2M weekly downloadsJavaScript/TypeScriptRead guide →
GitHub ProjectFrontend

Video-Shotcraft Guide: Uses, Setup, and Repository Health

Video-Shotcraft explained: AI video skill for Claude Code & Codex — cinematic product videos with Remotion: 106 shot recipe cards, 161 motion previews, a production-ready template See best-fit use cases, setup, maintena…

679 GitHub starsTypeScriptRead guide →