MananTank 10fb338877 Portal: UI tweaks 2 (#8127)
<!--

## 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 -->
2025-09-25 22:50:36 +00:00
2025-09-25 10:12:22 -07:00
2025-07-03 18:32:04 -07:00
2025-06-20 16:14:38 -07:00
2025-09-25 22:50:36 +00:00
2025-09-25 22:50:36 +00:00
2025-06-20 16:14:38 -07:00
2024-02-06 13:52:51 -08:00
2024-11-26 12:05:40 -08:00
2025-06-19 00:53:58 +00:00
2025-06-24 19:11:06 -07:00
2023-03-31 01:28:56 +00:00
2025-09-25 22:50:36 +00:00
2024-09-16 22:00:47 +00:00



thirdweb TypeScript SDK

Build Status

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].

S
Description
No description provided
Readme
1.1 GiB
Languages
TypeScript 87.9%
MDX 11.1%
JavaScript 0.6%
CSS 0.4%