DFX Dashboard - v3

:rocket: DFX Dashboard v0.3.0 - Complete Internet Computer Development Suite

Project Highlights

DFX Dashboard is a cross-platform desktop application built on Electron that transforms how developers work with the Internet Computer. Instead of wrestling with complex dfx commands, you get a professional GUI that handles everything from canister deployment to ICP transactions.

Target Users: IC developers at any level - from newcomers learning the ropes to experienced teams managing production dapps with dozens of canisters.

Core Problems We Solve:

  • Command Line Complexity: No more memorizing dfx syntax or debugging terminal errors
  • Fragmented Workflow: Everything in one interface instead of switching between multiple tools
  • Poor Visibility: Real-time status updates and visual feedback for all operations
  • Wallet Management Headaches: Simplified ICP operations and identity switching
  • Network Juggling: Easy switching between local, testnet, and mainnet environments

What is New with v3?

Here is v3 release notes: :rocket: DFX Dashboard v0.3.0 - Complete Internet Computer Development Suite

:globe_with_meridians: NNS Integration & Advanced Filtering

  • Network Nervous System Access: Direct interaction with governance, ledger, and system canisters
  • Intelligent Filtering: Search and filter by canister type (User/NNS), network, name, or project
  • dfx 0.25.0 Full Compatibility: Complete support for latest dfx features and command structures
  • Professional Cycles Interface: Redesigned cycles management with batch operations and cost estimation
  • One-Click Shell Completion: Automated setup for bash, zsh, and fish shells

NNS Canister Interaction Page

:bank: Wallet Management & Ledger Operations

  • Multi-Identity Support: Create, import, and manage multiple identities with seamless switching
  • ICP Ledger Integration: Native support for transfers, balance queries, and transaction history
  • Cycle Conversion Engine: Built-in ICP-to-cycles conversion with real-time exchange rates
  • Canister Funding: Direct cycle top-up operations with amount suggestions and validation
  • Transaction Monitoring: Complete audit trail with status tracking and error recovery

Wallet Page | Address Book

:hammer_and_wrench: Enhanced Architecture

  • 25+ IPC Handlers: Dedicated Inter-Process Communication handlers for each operation type
  • Type-Safe Operations: Full TypeScript implementation with comprehensive error handling
  • GitHub-Style UI: Professional card layouts with consistent spacing and modern design patterns
  • Network-Aware Operations: All commands automatically adapt to selected network configuration
  • Real dfx Integration: Direct dfx CLI execution with output parsing and error translation

How to Install

Prerequisites: dfx 0.25.0 or newer required
Full Installation Guide: docs.dfx-board.org/installation

Quick Setup:

  1. Install dfx 0.25.0+ if not already installed
  2. Download DFX Dashboard from GitHub Releases
  3. Install platform-specific package (supports macOS, Linux, Windows via WSL2)
  4. Launch and complete initial setup wizard

Usage Example

Get Started Fast: docs.dfx-board.org/quickstart

Essential Workflows:

Project Creation & Deployment:

1. Projects → Create New Project
2. Configure: Name, path, frontend (React/Vue/Vanilla), backend (Motoko/Rust)  
3. Canisters → Deploy All (or selective deployment)
4. Monitor real-time deployment progress with integrated logging

Wallet & ICP Operations:

1. Identities & Ledger → Ledger Tab
2. Account Management: View balances, convert principals to account IDs
3. ICP Operations: Transfer with amount validation and fee calculation
4. Transaction History: Complete audit trail with filtering and export

Advanced Canister Management:

1. Canisters → Filter by network/type
2. Select canister → View comprehensive metadata
3. Canister Actions: Status, top-up, method calling, controller management
4. Command Interface: Advanced operations with dfx 0.25.0 features

Video Tutorials :television:

Learn DFX Dashboard through our comprehensive video series:

:movie_camera: Complete Tutorial Playlist

Featured tutorials in sequence:

  1. Introduction to DFX Dashboard

  2. Identity Interactions and Management

  3. Wallet Operations and Cycle Management

  4. Canister Interactions and Deployment

  5. Additional Features and Advanced Usage

Perfect for developers who prefer visual learning with step-by-step demonstrations.

Documentation

:books: Complete Documentation: docs.dfx-board.org

Feature Documentation:

Dependencies

Required:

  • dfx 0.25.0+: Latest Internet Computer SDK (install via internetcomputer.org)
  • Operating System: macOS 12+, modern Linux distro, or Windows 10+ with WSL2

License

MIT License - Maximum freedom for personal and commercial use

Full details: GitHub License

Resources

:link: Essential Links

:globe_with_meridians: Community


Ready to streamline your IC development? DFX Dashboard v0.3.0 represents a major leap forward in Internet Computer tooling. Download it today and experience how much easier IC development can be when you have the right tools.

Questions, feedback, or want to contribute? We’re always excited to hear from the community! :rocket:

12 Likes

Hey everyone, any feedback is appreciated, hope you enjoy the new version and new documentation!

Docs: DFX Dashboard Documentation

1 Like

Awesome work, but why Vercel?

Looks great! I just checked out the introduction video. Great job! :heart_eyes:

I’m currently looking at decentralising control over some canisters that I’ve been working on, and would like to be able to add team members that don’t have experience using dfx. I suspect many of them will be using windows. Would you consider putting together another video that runs through the setup process and prerequisites (making it super easy to go from zero to having DFX Dashboard ready to go on your local machine)?

Personally I use a linux machine for IC development, and I’m sure there are extra steps and gotchas for people working with Windows (e.g. WSL, possibly some stuff that’s not supported? etc.)

Once again, great work!

1 Like

Thank you so much @Lorimer!

Of course, I can record a video to how to setup on WSL, good suggestion, will try to record in next week.

It is pretty simple to install on MacOS or Linux like described here (for who might read this message later): Installation Guide

After you try the dfx dashboard, you can ping me for any questions!

1 Like

Would it be possible to add Angular to the list of available project types under ‘Frontend Type’?

I noticed you’re using the predefined frontend frameworks provided by the DFX tool. I’m wondering if Angular could be added to that list—perhaps as a built-in option or an extension?

Hey @rbole, as you noticed application using dfx under the hood, so we can support just react, simple-assets, sveltekit, vanilla, vue and none.

For specific frameworks you can create without flag or use the none, after that you can configure your application as you wish, but if dfx supports I would be happy to update app!

thanks, I have used the import feature for Angular projects.