explaingit

proof/proof-vc-web

★ 16TypeScriptAudience · developerComplexity · 2/5Setup · easy

TLDR

A JavaScript/TypeScript library of web components that lets you add a digital credential verification button to any website with a single HTML tag and one setup call.

Mindmap

mindmap
  root((proof-vc-web))
    What it does
      Verify digital credentials
      Single HTML tag button
      Works in any framework
    Integration
      Plain HTML
      React
      TypeScript types
    Features
      Multiple button sizes
      Color themes
      Transaction Templates
    Use Cases
      Age verification
      Access control
      Purchase eligibility
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Add an age or identity verification button to a plain HTML page with a single tag and one setup function call.

USE CASE 2

Gate access to a React app feature behind a digital credential check without building your own verification flow.

USE CASE 3

Tie an identity check to a specific purchase by attaching ticket prices and item details via Transaction Templates.

USE CASE 4

Match the verification button's size and color theme to your site's design using the built-in styling options.

Tech stack

TypeScriptJavaScriptWeb ComponentsReact

Getting it running

Difficulty · easy Time to first run · 30min

Requires a Proof account and API credentials to configure the setup function before the verification button will work.

No license information was mentioned in the explanation.

In plain English

This repository is a set of web components that help developers add digital credential verification to their websites and apps. A digital credential is a piece of verified information about a person, similar to a digital ID card or certificate, issued by a trusted source and stored on a user's device. The components in this library let a website ask a user to present one of those credentials to prove their identity or meet an eligibility requirement. In practice, you install the package, call a setup function once with your account details and a callback address, then place a single HTML tag wherever you want the verification button to appear. When a visitor clicks it, the library handles the communication with Proof's credential service to confirm that the user holds the required credential. The library works with plain HTML pages as well as React and other JavaScript frameworks. It ships built-in TypeScript type definitions so code editors can provide autocomplete and flag mistakes while you write. The verification button comes in multiple sizes and color themes to match your site's design. A feature called Transaction Templates lets you attach structured details, such as ticket prices, item quantities, and a transaction description, to a verification request. This is useful for tying an identity check to a specific purchase or access scenario. The README covers installation and basic usage. More detailed guides about how digital credentials work and the underlying verification API are available on Proof's developer documentation site.

Copy-paste prompts

Prompt 1
Show me how to add the Proof VC web component to a plain HTML page so visitors can verify their credentials with a single button click.
Prompt 2
How do I integrate the proof-vc-web library into a React app and handle the callback when a user's credential is successfully verified?
Prompt 3
I want to use Proof's Transaction Templates to link a credential check to a ticket purchase. Walk me through setting up the verification request with price and quantity fields.
Open on GitHub → Explain another repo

← proof on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.