Built for your AI.

Facet is a design library in plain HTML, CSS and JS. One link, one script — and your AI already knows every piece.

Use the Facet library at facet.tanishksharma.com and build me a ___.

Copy this and paste it into your AI.

What happens next

1. Your AI reads the whole library in one fetch.

2. It asks what you are building, and plans it with you.

3. It builds the product from the library's parts, ready to ship.

There is a prompt for every situation — starting out, adding a feature, fixing a bug, shipping — on the Product page. You do not need to care about the tech.

The web can be light again.

Frameworks like React exist to make developers faster. That was a fair trade when people typed every line: you accepted build steps, npm, bundlers and minified output because they helped teams ship.

Now AI does the typing, and the trade stops making sense. The machinery built for developer speed is just weight the machine has to fight through, and the page you ship becomes something nobody can read.

So Facet goes back to the material the web is made of: semantic HTML, plain CSS, a little JS. Pages load fast, work in every browser, install to a phone, print like documents, and you can open the source and understand every line. The browser already knows how to do most of what frameworks rebuild — dialogs, snapping, dark mode, offline. Facet just switches it on.

No npm, no build, no framework, never minified.

The library, counted

40COMPONENTS

26BLOCKS

8TEMPLATES

44BEHAVIOURS

108ICONS

Counted from the shipped files — every one runs live in the Library.

Try it right here

This page is the library. These are live — type, drag, sort, press.

Components shipped, Jan to Jul. Drag across the plot to read values.

Template	Lines
Landing	312
Dashboard	540
Deck	421
Invoice	268

Click a header to sort — keyboard works too.

Theming, live

One attribute restyles everything — click and watch this whole page change, layout included. Dark mode is its own switch and composes with any theme.

The look rides the URL, so a shared link opens exactly as you see it.

AL NK +3 On track

Weekend trip fund

₹ 32,000 of ₹ 40,000 saved with four weeks to go.

Every label follows

Write each language inline; the one the reader picked shows, the rest hide. With JavaScript off, one language still renders — crawlable by design.

Amount

Translation, live

Every component is already wired for translation — the same switch flips your content and the library's own strings, and the choice rides the URL.

Number grouping follows too — lakh and crore where that is the norm.

Sound and motion, live

Synthesized clicks and haptic taps, springs with real weight, and a light that follows your cursor or your phone's tilt. All of it honours reduced motion, and the switches are right here.

This card is alive

Parallax and shine ride one engine — your cursor, your phone's tilt, or an idle drift when nothing moves. Set Motion to Cursor or Tilt and lean in.

What you can ship

Whole starters, live below — scroll the shelf, open one, view its source. Each is a single readable HTML file.

Landing page Open the template

Dashboard Open the template

Pitch deck Open the template

Invoice & documents Open the template

Installable app Open the template

Social app Open the template

Article & docs Open the template

Business card Open the template

Everything it carries

Print & export Sound & haptics Offline & install Accessibility Keyboard Every state Backgrounds Icons Translation Copy hygiene Works without JavaScript

One file teaches your AI everything

llms.txt is the whole library as plain text. Your AI fetches it once and knows every component, theme and rule. This is how it opens:

# Facet

Facet is a plain HTML, CSS and JS design library. It is one CSS file and
one JS file (plus a small optional service-worker engine, facet-sw.js,
that powers offline/PWA) hosted at a public URL. Any page consumes it
with one link tag and one script tag. No React, no build step, no npm
install, never minified.

Read the whole file

And the entire install, for people:

<link rel="stylesheet" href="https://facet.tanishksharma.com/lib/facet.css">
<script src="https://facet.tanishksharma.com/lib/facet.js" defer></script>

Completely open source

The library is public, and the instructions for adding a component ship with it — the same build charter the maintainer follows. Point your AI at it and add a component; you do not need to be technical.

GitHub Read the charter

Use the Facet library at facet.tanishksharma.com and build me a ___.