Skip to content

πŸ‘©β€πŸŽ€ Headless, type-safe, UI components for the next generation Web3.Storage APIs.

License

Notifications You must be signed in to change notification settings

fireproof-storage/w3ui

This branch is 157 commits behind storacha/w3ui:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

56eddef Β· Mar 30, 2023
Jan 25, 2023
Mar 29, 2023
Mar 30, 2023
Mar 30, 2023
Mar 30, 2023
Sep 7, 2022
Jan 6, 2023
Mar 30, 2023
Sep 16, 2022
Sep 7, 2022
Mar 23, 2023
Feb 16, 2023
Feb 16, 2023
Mar 21, 2023
Mar 30, 2023
Jan 4, 2023
Mar 23, 2023
Feb 16, 2023
Feb 16, 2023
Jan 17, 2023
Feb 16, 2023
Feb 16, 2023

Repository files navigation

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.

Storybook

To run our Storybook, run:

cd examples/react/playground
pnpm run storybook

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

About

πŸ‘©β€πŸŽ€ Headless, type-safe, UI components for the next generation Web3.Storage APIs.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 87.3%
  • CSS 11.5%
  • JavaScript 1.2%