/w3ui

👩‍🎤 Headless, type-safe, UI components for the next generation Web3.Storage APIs.

Primary LanguageTypeScriptOtherNOASSERTION

Web3.Storage UI logo

Headless, type-safe, UI components for the next generation Web3.Storage APIs.

GitHub Workflow Status License: Apache-2.0 OR MIT

⚠️❗ w3ui and the underlying APIs are currently BETA preview features

Please read the beta Terms of Service (web3.storage, NFT.Storage) for more details.

Open an issue on the repo or reach out to the #web3-storage channel on IPFS Discord if you have any questions!

This repo contains reusauble UI modules for the web3.storage w3up beta in your favourite UI framework, and a set of example apps to see them dance.

Documentation

beta.ui.web3.storage

API

API Reference

Examples

  • Sign up / Sign in React | Solid | Vue | Vanilla

    Demonstrates email authentication flow for the service, including private key creation and email validation.

  • Single File Upload React | Solid | Vue | Vanilla

    The simplest file upload using a file input. Includes the auth flow from "Sign up / Sign in".

  • Multiple File Upload React | Solid | Vanilla

    Slightly more complicated file and directory upload. Includes the auth flow from "Sign up / Sign in".

  • Uploads List React | Solid | Vue | Vanilla

    A demo of the list of uploads that have been made to an account.

w3console

To run w3console, a full-featured console for web3.storage and demonstration of our React components, run:

cd examples/react/w3console
pnpm start

Contributing

Feel free to join in. All welcome. Please read our contributing guidelines and/or open an issue!

Getting started

To contribute to this project, clone the w3ui repository and enter the w3ui directory

git clone https://github.com/web3-storage/w3ui
cd w3ui

Install dependencies and build:

pnpm install

Then pick an example app from the list, cd into it's directory and run pnpm start to try it out.

License

Dual-licensed under MIT + Apache 2.0