22 - 🛠️ Frontend Helper Tools

🛠️ Frontend Helper Tools

Of Web: Pinterest for fonts

Font Of Web: Pinterest for fonts

fontofweb.comThe Website Font Usage Database. Discover, Bookmark, Download fonts used on the most beautiful websites on the internet.
n Theme Editor - Shadcn Studio

Shadcn Theme Editor - Shadcn Studio

shadcnstudio.comPreview your theme changes across different components and layouts.
k – Cursor for Designers

Onlook – Cursor for Designers

onlook.comThe power of Cursor for your own website. Onlook lets you edit your React website and write your changes back to code in real-time. Iterate and experiement with AI. Download the open-source, local-first desktop app today.
Scan

React Scan

react-scan.comReact Scan automatically detects and highlights components that cause performance issues in your React app. Drop it in anywhere – script tag, npm, you name it!
ine - Infrastructure de localisation conçue pour les startups dynamiques.

Languine - Infrastructure de localisation conçue pour les startups dynamiques.

languine.aiLanguine automatise la localisation dans votre flux de travail et votre pipeline de développement, garantissant que les traductions ne vous ralentissent jamais.
| Type-safe search params state management for React

nuqs | Type-safe search params state management for React

nuqs.47ng.comType-safe search params state management for React. Like useState, but stored in the URL query string.
mail

new.email

new.emailThe new way to build emails.
Builder

Form Builder

formbuilder.kurdmake.comUI based codegen tool to easily create @shadcn/ui forms.
ybai/react-scan: Scan for React performance issues and eliminate slow renders in your app

aidenybai/react-scan: Scan for React performance issues and eliminate slow renders in your app

github.comScan for React performance issues and eliminate slow renders in your app - aidenybai/react-scan
, a simple JavaScript tool for converting any layout you have to drag-to-swap layout

Swapy, a simple JavaScript tool for converting any layout you have to drag-to-swap layout

swapy.tahazsh.comA simple JavaScript tool for converting any layout you have to drag-to-swap layout
safe Server Actions in your Next.js project | next-safe-action

Type safe Server Actions in your Next.js project | next-safe-action

next-safe-action.devnext-safe-action is a library for defining end-to-end typesafe and validated Server Actions in Next.js App Router projects.
n Form Builder

Shadcn Form Builder

shadcn-form.comShadcn Form Builder
| Sketch your app ideas without stress

Konty | Sketch your app ideas without stress

konty.appMake hand-drawn style wireframes quickly and easily.
ge.org: The Ultimate Open Graph Image Generator - ogimage.org

ogimage.org: The Ultimate Open Graph Image Generator - ogimage.org

ogimage.orgGenerate open graph images with ease using OGimage.org, your reliable open graph image generator.

Omlet

omlet.devComponent analytics and insights for React.
ck | Jampack

Jampack | Jampack

jampack.divriots.comOptimizes static websites for best user experience and best Core Web Vitals scores.
nalytics - Project Wallace

CSS Analytics - Project Wallace

projectwallace.com
c

imgsrc

imgsrc.ioOpen graph opengraph og
- Create Amazing Mockups

Shots - Create Amazing Mockups

shots.so
ow-Exporter — Tool to Export a Webflow Website for Free

Webflow-Exporter — Tool to Export a Webflow Website for Free

webflow-exporter.sktch.io
itc | Checklist Tools Website

Holisitc | Checklist Tools Website

alexisdanizan.github.io
iri/eruda: Console for mobile browsers

liriliri/eruda: Console for mobile browsers

github.com
That's all for now. Come back later for more.