Components

Create Permaweb Profile
Create your Permaweb profile on Arweave
arweaveprofilepermaweb
Create Atomic Assets
Create atomic assets on Arweave Permaweb
arweavepermawebatomic assets
Fetch Permaweb/Bazaar Profile
Fetch your Permaweb/Bazaar profile with a click
arweaveprofilepermaweb
AO ChatBot
Interactive chatbot powered by AO processes
arweaveaochat
Arweave NFT
NFT display and transfer interface with Lua IDE
arweavenftlua
Arweave Search
Search Arweave transactions using GraphQL with tag filtering
arweavesearchgraphql
Chatroom On-Chain
Real-time on-chain chatroom with emoji picker and quick messages, powered by Socket.IO. Builder-friendly and fully self-contained.
arweavechatrealtime
ARNS Record Lookup
Minecraft-themed ARNS record lookup interface with wallet integration and JSON viewer. Lookup ARNS names and interact with AO processes.
arweavearnswallet
Botega Liquidity Pool Info
Comprehensive liquidity pool interface with price operations, token management, and real-time data display. Connect to Botega liquidity pools and manage trading operations.
arweaveliquiditypool
Staking Panel
Retro-style staking interface with real-time message logging. Stake, unstake, and finalize operations with AO process integration and ArConnect wallet support.
arweavestakingretro
Bazaar NFT Portfolio
Comprehensive NFT portfolio explorer with 3D carousel, profile management, and asset discovery. Search by wallet address or profile ID with retro pixel art styling.
arweavenftportfolio
AO Token
Comprehensive AO Token management interface with transfer, mint, grant operations, balance checking, and process health monitoring. Full integration with ao-js-sdk for token operations.
arweaveaotoken
AO Message Signer
Sign messages using AO wallet integration
arweaveaowallet
ArDacity Classic NavBar
Classic navigation bar with wallet integration
navigationwalletresponsive
Floating NavBar
Modern floating navigation with scroll effects
navigationfloatingmodern
Clip Path Links
Animated grid of social/media links with clip-path hover effects.
linkssocialanimation
Flowing Menu
Animated navigation menu with flowing marquee effects on hover.
navigationmenuanimation
Liquid Glass Navbar
Animated glassmorphic navbar with glowing and liquid effects.
navigationnavbarglassmorphism
Masonry Grid
Responsive masonry grid with GSAP animations and hover effects.
gridmasonryanimation
Smooth Scroll Hero
Parallax hero section with smooth scrolling effects. Accepts 'images' (array) and 'centerImageUrl' (string) props to customize the parallax and center images.
heroparallaxanimation
ArDacity Classic Hero
Elegant hero section with geometric animations
heroeleganttypography
NFT Theme Hero
NFT-focused hero section with gradient effects
heronftgradient
Bazaar Header
Header with Bazaar theme, featuring animated elements and a modern design.
headerbazaaranimated
Dark Theme Header
Animated dark theme header with geometric background, hero text, CTA button, and image. Builder-friendly and highly customizable.
headerdarkanimated
Fancy Column Footer
Modern, responsive multi-column footer with glass/gradient backgrounds and animated links.
footerresponsiveglassmorphism
App Download Footer
Footer with app download badges, social icons, and quick links. Includes animated visuals and dark mode support.
footerappdownload
Newsletter Footer
Footer with newsletter subscription, social icons, and legal links. Animated, modern, and builder-friendly.
footernewslettersubscription
SaaS Product Footer
Modern SaaS-style footer with logo, description, social icons, quick links, legal links, and newsletter subscription.
footersaasproduct
Web3 Landing Page
Modern, customizable Web3 landing page with hero, about, features, and pricing sections.
landingweb3modern
Web3 Landing Page 2
Modern, animated Web3 landing page with hero, about, features, and pricing sections.
landingweb3modern
Product Landing Page
Modern, animated product landing page with hero, about, features, testimonials, and pricing sections.
landingproductmodern
🎨

Start Building Your ArDacity Project

Drag and drop components from the library to get started

• Navigation components for site structure

• Header sections for landing pages

• Arweave blocks for Web3 functionality

Properties Panel

⚙️

Select a component to edit its properties

• Click on any component in the canvas

• Customize properties in real-time

• View and copy generated code