Open-source fullstack monitoring: session replay, error tracking, logging and tracing in one self-hostable platform.
highlight.io
Results for “frontend”
270 tools found
Observability platform for debugging production systems with distributed tracing, BubbleUp anomaly analysis, and AI-assisted querying.
honeycomb.io
An open-source visual editor that lets designers edit a real React website by clicking and dragging — like Figma, but the changes go straight into the actual code.
onlook.com
Point ditto at any public webpage and it hands you back real, editable Next.js or Vite code — fonts, layout and design tokens included — instead of a screenshot or a rough approximation.
ditto.site
A free library of pre-built, animated building blocks for websites — instead of a developer hand-coding a fade-in effect or a particle background from scratch, they copy a ready-made component into their project and adjust it, the same way people already
magicui.design
A free comment box you can drop into any blog or website, that stores every comment as a normal GitHub Discussion instead of a database you have to maintain.
giscus.app
A browser extension that lets you click on any button, card, or layout you like on a website and instantly turn it into ready-to-use code or a Figma file, instead of manually rebuilding it from scratch.
pluck.so
Adds smooth, movie-like transitions between pages in a React app — instead of the page just snapping instantly to the next screen.
routeveil.dev
A free, open-source code library that lets developers add an AI chat assistant to their website without relying on any particular framework.
persona-chat.dev
A library of thousands of ready-made, AI-friendly React design components you can drop into a project — or ask your AI coding assistant to install for you.
21st.dev
AI-powered design assistant that generates production-ready UI designs in seconds from conversational prompts. Transforms visual descriptions into editable, shippable interface designs.
flowstep.ai
A free React library for making tiny, lightweight charts — small enough to sit inside a sentence or a table cell — with zero extra dependencies.
microcharts.dev
A way to describe web animations in a strict, limited language so an AI assistant can generate them reliably — and then automatically check that the animation actually rendered the way it was supposed to.
github.com
Lets a developer describe a screen in plain English and get real React and Tailwind code back, instead of a picture in a design tool that someone then has to rebuild by hand.
superdesign.dev
A library of ready-made Tailwind CSS components you can copy-paste into a project — or, if you code with Claude or Cursor, let your AI assistant pull them in directly via MCP.
tailkits.com
A free, copy-paste component library that gives your web app a chunky retro 8bit look, built on top of the shadcn components developers already use.
8bit.cnlibs.com
A VS Code plugin that turns a Figma design or a screenshot into frontend code that actually looks like the rest of your codebase, instead of a fresh throwaway component.
codeparrot.ai
An open-source library of 35+ GPU-accelerated visual effect components for React, Vue, and other frameworks.
canvasui.dev
A free, open-source Web Components library that gives ordinary HTML form controls a soft, squishy physics-based feel, with zero dependencies and real accessibility support.
github.com
A free, open-source library of 109 animated UI components for React and Next.js, built with Motion and Tailwind CSS, distributed as copy-paste source via the shadcn CLI.
beui.dev