<!--
## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"
If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):
## Notes for the reviewer
Anything important to call out? Be sure to also clarify these in your comments.
## How to test
Unit tests, playground, etc.
-->
<!-- start pr-codex -->
---
## PR-Codex overview
This PR introduces several enhancements and styling updates across various components in the application, including adjustments to CSS, layout changes, and the addition of a new package, `geist`. It aims to improve the overall appearance and functionality of the portal.
### Detailed summary
- Added `font-feature-settings` to `globals.css`.
- Updated `text-rendering`, `-webkit-font-smoothing`, and `text-size-adjust` in `global.css`.
- Included `geist` package in `package.json`.
- Modified layout and spacing in `vault/page.mdx`.
- Adjusted classes for `ApiEndpoint.tsx`, `Paragraph.tsx`, and `InlineCode.tsx`.
- Changed text color in `Subscribe.tsx`.
- Revised spacing and border styles in various components.
- Updated icons in `Anchor.tsx` and `ChatButton.tsx`.
- Enhanced styling of buttons and links across multiple components.
- Improved overall layout structure in `Header.tsx` and sidebar components.
- Refined search modal styles and item presentation in `DocSearch.tsx`.
> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
<!-- end pr-codex -->
<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit
- Style
- Switched site typography to Geist, enabled ligatures and improved text rendering.
- Redesigned header with central branding, consolidated controls, mobile menu and subtle backdrop.
- Refreshed visuals across search, footer, sidebar, platform selector, steps, cards, code/inline code, and mobile sidebar.
- Updated icons (chat, next-page, anchors), spacing/typography tweaks; vault features now stack vertically.
- Refactor
- Localized an article card component and reorganized footer/next-page flows; Edit link now wrapped in a button.
- Chores
- Added Geist dependency and extended Tailwind font settings; global font/rendering tweaks.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
thirdweb TypeScript SDK
All-in-one web3 SDK for Browser, Node and Mobile apps
Core Package
thirdweb
The main SDK package providing all-in-one web3 functionality for Browser, Node, and Mobile applications.
npm install thirdweb
Features:
- Type-safe contract and transaction APIs
- In-app wallets with social/email login
- Account abstraction (ERC4337/EIP7702) support
- 500+ external wallets supported
- Built in infra (RPC, bundler, paymaster, indexer)
- React hooks and UI components
- Automatic ABI resolution
- IPFS upload/download
- Cross-platform support (Web, React Native)
Documentation
Visit the developer portal for full documentation.
🚀 Quick Start
For React Applications
npm install thirdweb
import { createThirdwebClient } from "thirdweb";
import { ConnectButton, useActiveAccount } from "thirdweb/react";
const client = createThirdwebClient({
clientId: "YOUR_CLIENT_ID",
});
function App() {
const account = useActiveAccount();
console.log("Connected as", account?.address);
return <ConnectButton client={client} />;
}
For React Native Applications, you'll also need to install the @thirdweb-dev/react-native-adapter package and import it at app startup for polyfills.
For Backend Applications
npm install thirdweb
import { createThirdwebClient, Engine } from "thirdweb";
const client = createThirdwebClient({
secretKey: "YOUR_SECRET_KEY",
});
const wallet = Engine.serverWallet({
client,
address: "0x...",
});
const transaction = transfer({
contract: getContract({
client,
address: "0x...", // token contract
chain: defineChain(1),
}),
to: "0x...", // recipient
amount: "0.01", // amount in tokens
});
await wallet.enqueueTransaction({
transaction,
});
Adapters
@thirdweb-dev/react-native-adapter
Required polyfills and configuration for running the thirdweb SDK in React Native applications.
npm install @thirdweb-dev/react-native-adapter
@thirdweb-dev/wagmi-adapter
Integration layer for using thirdweb's in-app wallets with wagmi.
npm install @thirdweb-dev/wagmi-adapter
Type safe API wrappers
@thirdweb-dev/api
TypeScript SDK for thirdweb's API, combining all of thirdweb products.
npm install @thirdweb-dev/api
@thirdweb-dev/engine
TypeScript SDK for Engine, thirdweb's backend onchain executor service.
npm install @thirdweb-dev/engine
@thirdweb-dev/insight
TypeScript SDK for Insight, thirdweb's multichain indexer service.
npm install @thirdweb-dev/insight
@thirdweb-dev/vault-sdk
SDK for interacting with Vault, thirdweb's secure key management service.
npm install @thirdweb-dev/vault-sdk
@thirdweb-dev/nebula
TypeScript SDK for Nebula, thirdweb's AI agent service.
npm install @thirdweb-dev/nebula
Contributing
We welcome contributions from all developers regardless of experience level. If you are interested in contributing, please read our Contributing Guide to learn how the repo works, how to test your changes, and how to submit a pull request.
See our open source page for more information on our open-source bounties and program.
Additional Resources
Support
For help or feedback, please visit our support site
Security
If you believe you have found a security vulnerability in any of our packages, we kindly ask you not to open a public issue; and to disclose this to us by emailing [email protected].