Produits

Bundle Phobia

MCP

find the cost of adding a npm package to your bundle

bundlephobia.com Source★ 345MITDéveloppement Logiciel / Utilitaires pour Développeurs

Benchmark IA
Bureau
Mobile
Visites par mois
60.6K
Baisse19.1%vs mois précédentsept. 2026
Revenus publiés
Non divulgué
Aucune preuve de revenus publics
Tarif de départ
Gratuit
Pas de tarif d’abonnement mensuel
Créateurs
Kitze (Kitze)
@thekitze· 107.4K abonnésCo-créé avec Shubham Kanodia
Lancement
il y a 9 ans
2017-09-13 · Est.

Trafic

Visites par moisDonnées jusqu'à sept. 2026
Événements4 changements

Actions marketing

Lancements, recherche & contenu, référents, promos
  • Lancé sur Product HuntLancement

    Find the cost of adding a npm package to your bundle

    9 févr. 2019 · il y a 7 ansPage de lancement

  • Lancé sur Product HuntLancement

    Find the cost of adding a npm package to your bundle

    19 déc. 2017 · il y a 8 ansPage de lancement

  • Lancé sur Show HN (1 pts · 1 commentaires)Lancement

    BundlePhobia – find the cost of adding a new npm package to your build

    9 nov. 2017 · il y a 9 ansPage de lancement

  • Lancé sur Show HN (4 pts · 1 commentaires)Lancement

    BundlePhobia – The cost of adding new npm packages

    20 sept. 2017 · il y a 9 ansPage de lancement

  • Lancé sur Show HN (3 pts)Lancement

    BundlePhobia – find the cost of adding a new npm package

    17 sept. 2017 · il y a 9 ansPage de lancement

Open Source & Écosystème Agent

GitHub · MCP / Skill
Dernier commit 2026-10-25
Étoiles GitHub
★ 345
Forks
12
Licence
MIT
Langage principal
Java

Intégration Agent, MCP & Développeurs

MCP Server
Documentation
Voir tous les produits serveur MCP →

Sources de trafic

sept. 2026

Répartition du trafic

Canaux

  • Direct65%
  • Recherche organique22%
  • Référents11%
  • Autre1%

Pays

  • États-Unis13%
  • Mexique11%
  • Inde10%
  • Russie6%
  • Canada4%

Rechercher

Autorité de domaine —Domaine enregistré 2017-08-15

Mot-cléVolume mensuel
bundlephobia1,120
bundlephobia valibot180
bundlephobia yup180

Données de trafic : Vaneform

Tarifs

Page de tarifs non identifiée ou aucun prix public affiché.

Pages & changements

Suivi depuis le 2017-12-19

Pages clés

Captures hebdo

Changements

  1. 1 nov. · il y a 13 j

    Technologie adoptée : Base UIFonctionnalités

    —→Base UI

  2. 1 nov. · il y a 13 j

    Technologie adoptée : BuySellAdsFonctionnalités

    —→BuySellAds

  3. 1 nov. · il y a 13 j

    Technologie adoptée : Carbon AdsFonctionnalités

    —→Carbon Ads

  4. 1 nov. · il y a 13 j

    Technologie adoptée : TurbopackFonctionnalités

    —→Turbopack

Design

Analyse visuelle du premier écran et CSS :root

Monochrome minimaliste (fond clair, densité aéré) avec mise en page titre centré + champ de saisie et visuels illustration / personnages.

Aperçu de l’écran · cliquer pour agrandir

First-screen pitch & conversion flow

“find the cost of adding a npm package to your bundle”

Structure hero titre centré + champ de saisie associée à un CTA saisie directe / essai immédiat et sans bandeau de preuve sociale.

Conversion path: Titre centré + champ de saisie + Illustration / Personnages → Saisie directe / Essai immédiat

Palette · cliquer pour copier

Score design 5-D6.4 / 10
Typographie
7.0
Couleur & contraste
6.0
Mise en page & espacement
7.0
Finition & soin
6.0
Singularité
6.0

Structure

Polices
Inter
Visuel principal
Illustration / Personnages
Preuve sociale
Sans bandeau de preuve sociale
Navigation
Barre supérieure pleine largeur
Thème & densité
Clair · Aéré
Coins & profondeur
Rayon moyen · Avec ombre
Prévisualiser le brief design IA complet (variables CSS :root et règles)Tokens de style uniquement ; ne copiez jamais les marques, logos, textes ou images
# Brief de design : Monochrome minimaliste

Palette monochrome avec une seule couleur d'accentuation, de fins séparateurs et un généreux espace blanc.

## Tokens de Design

```css
:root {
  --background: #ffffff;
  --surface: #f7f7f7;
  --foreground: #2b2b2b;
  --muted-foreground: #8a8f98;
  --accent: #3b82c4;
  --radius: 8px;
  --font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```

Ratio de surface des couleurs : Arrière-plan #FFFFFF (~72%) · Surface #F7F7F7 (~10%) · Texte #2B2B2B (~8%) · Texte secondaire #8A8F98 (~6%) · Accent #3B82C4 (~4%). L'arrière-plan et la surface dominent le canevas ; réservez la couleur d'accentuation aux boutons principaux et aux états actifs.

## Structure de Mise en Page & Conversion

- Disposition hero : Titre centré + champ de saisie
- Navigation : Barre supérieure pleine largeur
- Thème et densité : Clair · Aéré
- Rayon de bordure et élévation : Rayon moyen ; utiliser des ombres d’élévation pour séparer les calques
- Support visuel principal : Illustration / Personnages
- CTA de conversion : Saisie directe / Essai immédiat
- Accroche du titre : Résolution de douleur & remplacement
- Composants hero : Prompt / champ de saisie centré, Illustration sur mesure
- Notes de disposition spatiale : Structure hero titre centré + champ de saisie associée à un CTA saisie directe / essai immédiat et sans bandeau de preuve sociale.
- Résumé visuel : Monochrome minimaliste (fond clair, densité aéré) avec mise en page titre centré + champ de saisie et visuels illustration / personnages.

## À Éviter

- Dégradés néon multicolores
- Ombres portées marquées
- Plus d'une couleur d'accentuation concurrente

Implémentez l’interface selon les tokens et spécifications ci-dessus : utilisez uniquement ces variables de couleur et réservez la couleur d’accentuation aux actions principales et états actifs. N’adoptez que ce style visuel sans jamais copier la marque, le logo, les textes ou les images d’un produit de référence.

Questions et sources

Quel trafic le site de Bundle Phobia reçoit-il ?
Vaneform estime 60.6K visites en 2026-09. Elles peuvent inclure des visites répétées ; clients payants et revenus nécessitent leurs propres données.Source

Produits de la même catégorie

Développement Logiciel / Utilitaires pour Développeurs

Ces produits sont classés dans la même catégorie. Comparez les besoins couverts, les fonctionnalités et les conditions de déploiement avant d’en faire des alternatives.