Params Editor

Params

Editor Live

The smartest way to edit URL parameters in Chrome. Automatically detects parameter types and provides the perfect input for each one. Features smart parameter detection, number fields with validation, date pickers, boolean toggles, list editors, and a built-in JSON editor with syntax highlighting.
Emoji Contact

Product of Day (Product Hunt)

4th

Average DAU

70+

Users

800+

Platform

Chromium Extension

Visit Website arrow_forward
stars

Key Features

auto_awesome

Smart Parameter Detection

Auto-detects parameter types and provides the perfect input interface. Numbers, dates, booleans, and more.

numbers

Number Fields

Dedicated number inputs with validation, increment controls, and range support for numerical parameters.

event

Date Picker

Intuitive date selection for temporal parameters. Supports various date formats and time zones.

toggle_on

Boolean Toggle

Simple toggle switches for true/false parameters. No more typing 'true' or 'false' manually.

list

List Editor

Dedicated interface for comma-separated lists. Add, remove, and reorder items with ease.

code

JSON Editor

Built-in JSON editor with syntax highlighting, validation, and formatting for complex parameters.

layers Tech Stack

As my first Chrome extension project, I built a starter template with the full required tech stack and essential features set up for easy reuse. It was interesting to learn about the extension lifecycle and to build a background service that enables URL updates.

AI Tools

  • Cursor Cursor
  • OpenAI OpenAI
  • Gemini Gemini
  • Claude Claude

Frontend

  • TypeScript TypeScript
  • HTML HTML
  • CSS CSS
  • TailwindCSS TailwindCSS
  • PostCSS PostCSS

Build Tools

  • Webpack Webpack
  • PNPM PNPM
arrow_forward

Previous Project

WhenWhere