close
close
Companies
Thirdweb
Onramp

Thirdweb

Thirdweb lets you build web3 apps easily

Ody's Take

Thirdweb lets you build web3 apps easily. You can use Thirdweb to create and ship an NFT collection in 30 minutes without writing a single line of code.

Thirdweb also offers powerful smart contracts and SDKs that leading consumer companies are using to build web3 products. The team is hiring and growing rapidly.

What is Thirdweb?

Thirdweb makes it easy for you to create and deploy web3 apps through:

  1. Smart contracts that you can create and deploy in minutes with no-code or low-code.
  2. SDKs and widgets that you can use to build your app frontend on the web or mobile. Thirdweb’s SDKs support popular frameworks such as Typescript, Python, Go.
  3. Dashboard and tools that you and your team can use to manage your contracts.

Thirdweb’s smart contracts support many popular web3 use cases, including:

  1. NFT drops for users to mint NFTs.
  2. NFT marketplaces for users to buy and sell tokens.
  3. Royalty splits to manage earnings between your teammates easily.
  4. Tokens for creator communities and DAO governance.

The platform supports Ethereum, Polygon, Avalanche, and Fantom, with more chains coming.

Thirdweb is free to use, and you own the smart contracts. The platform makes money by charging 5% of the royalties that you earn from your contracts.

Check out Thirdweb’s blog for the latest announcements.

How to use Thirdweb?

Let’s cover how you can use Thirdweb to release an NFT collection on OpenSea and your website without writing any code. Credit to Nacho for the original guide.

1. Set up your project

Visit Thirdweb’s dashboard and connect your wallet. 

Tap “Create new contract” and select Mumbai (a Polygon testnet). We’re using Polygon because it offers lower transaction fees than Ethereum.

2. Select “Release a drop” and then “NFT Drop”

3. Configure the drop

The following fields determine how your collection will show up on marketplaces like OpenSea:

  1. Image for your NFT collection
  2. Name of your NFT collection
  3. Description of your NFT collection
  4. Symbol for your collection (e.g., BAYC for Bored Ape Yacht Club)
  5. Recipient's address that will get the funds from primary sales and secondary royalties.
  6. Royalty percentage that the recipient’s address (e.g., you) gets from royalties.

Make sure that the fields above are correct, it costs gas to change them once the contract is deployed. Since we’re using Polygon Mumbai, you also need some MATIC (Polygon’s gas token). Search “Polygon Mumbai faucet” on Google or ask a friend to send you some MATIC.

Tap “Deploy now” once you’re ready to deploy the contract.

The example below shows a contract for a Pokemon collection:


4. Upload your NFTs

Once you deploy your contract, the next step is to upload your NFTs. Tap “Batch Upload” and then select the folder with your NFT images and CSV file (lists all the images and their properties). 

If you’re following the Pokemon example, this Pokemon folder has all the assets you need.


5. Decide how people can claim your NFTs

Once your NFTs are uploaded, you need to decide how people can claim your NFTs. Visit “Claim Phases” and input:

  1. When your NFT will drop
  2. How many NFTs you’ll drop
  3. What token people will use to buy your NFTs
  4. Who can claim your NFTs
  5. How many NFTs can be claimed per transaction

If you’re following the Pokemon example, you can just leave these fields as-is and tap “Update Claim Phase.”

6. Visit your collection on OpenSea or embed it to your website

Your NFT collection should be ready! You can view it on OpenSea or embed it on your website as follows:

  1. Visit the Embed tab from the Thirdweb dashboard
  2. Copy the embed code and paste it on your website
  3. Visit your website, and you should see an option for people to mint your NFT!

Explore more Thirdweb guides or join the Thirdweb Discord if you need help.

What’s next for Thirdweb?

The Thirdweb team is investing in three areas:

  1. Support more chains and frameworks. Thirdweb is working to support chains such as Solana and Flow. It’s also bringing its SDK to iOS, Android, Unreal Engine, and Unity.

  2. Build more smart contract templates. Thirdweb continues to improve its NFT contracts while working on contracts for blockchain games, staking, social tokens, DAOs, and more.

  3. Streamline dashboard and other tools: Thirdweb recently launched a new dashboard with improved UX and performance.

How to work for Thirdweb?

Check out Thirdweb’s jobs page or join the Thirdweb Discord if you’re interested.

Further reading

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Coming soon