DEV3 Nexa: a crypto, Web3 and fintech WordPress theme with honest sample data and a 3D coin

Requirements

• WordPress 6.0 or newer and PHP 7.4 or newer
• The DEV3 Theme Toolkit plugin (included and required)
• Recommended: Elementor (free) and WooCommerce. Contact Form 7 is optional. Elementor Pro is supported but not required.

What's in the download

Unzip the download from your DEV3 account first. Do not upload the download itself to WordPress.

• dev3-nexa.zip: the theme. Install this one.
• dev3-nexa-child.zip: an optional child theme for your own CSS and PHP.
• dev3-theme-toolkit.zip: the companion plugin (post types, Ticker, Allocation Donut, Roadmap and Pricing widgets and blocks, motion controls, WooCommerce extras, demo importer).
• dev3-nexa-demo-content.zip: the demo package for reference. The importer already has a copy inside the theme.
• Documentation/index.html: the full guide. Open it in a browser.

Install the theme

1. Go to Appearance → Themes → Add New → Upload Theme, choose dev3-nexa.zip, click Install Now, then Activate.
2. Go to Plugins → Add New → Upload Plugin, choose dev3-theme-toolkit.zip, then Activate.
3. A notice offers the recommended plugins (Elementor, WooCommerce, Contact Form 7). Click Begin installing plugins, then install and activate them.
4. Go to Settings → Permalinks and click Save once, so /solutions/ and /case-studies/ work.
5. Optional: if you plan to change code, upload dev3-nexa-child.zip the same way and activate DEV3 Nexa Child. The parent theme must stay installed.

Import the demo

1. Make sure you are logged in as an administrator. Elementor keeps every widget setting only when an administrator runs the import.
2. Go to Appearance → DEV3 Demo and click Import demo.
3. The import adds:
   • 9 Elementor pages (Home, Platform, Token, Pricing, Security, Company, Careers, Docs & FAQ, Contact) plus Blog, Terms, Privacy and Risk disclosure
   • 6 solutions, 6 case studies, 8 team members, 6 customer quotes and 8 blog posts
   • 9 WooCommerce products (hardware signers, merch and plan add-ons), with Cash on delivery enabled for testing
   • the menus, footer widgets and theme settings
4. Open the home page and scroll through it.

Imported items are tagged, so Reset on the same screen removes only them. On a server with WP-CLI you can run wp dev3tk demo import --user=admin and wp dev3tk demo reset.

Read before you launch

• Nexa Protocol, the NXA token, the partners, customers, auditors and every figure in the demo are fictional sample content. Nothing in the demo is investment advice.
• The ticker shows sample values with a Sample data badge. Live prices are off by default; if you switch them on (Ticker widget → Live prices), visitors' browsers call a third-party API, so mention it in your privacy policy.
• Rewrite the risk notice under Appearance → Customize → Nexa: mode & disclaimer and the Risk disclosure page with the wording your legal and compliance team require.
• Only list audits, certifications and partners you actually have.
• Set up real payment methods in WooCommerce → Settings → Payments and turn off Cash on delivery.

Updates

Download the new version from your DEV3 account and upload dev3-nexa.zip again. WordPress offers to replace the installed version. Changes you made in the child theme, the Customizer and your pages are kept.

Dark and light mode, risk notice

• Appearance → Customize → Nexa: mode & disclaimer sets the default colour mode (dark, light or the visitor's system setting), shows or hides the header switch, and edits the risk notice printed above the footer on every page.
• The header switch remembers each visitor's choice. Sections with the class nexa-paper invert (a light band in dark mode, a dark band in light mode).

Ticker, tokenomics, roadmap and pricing

• Ticker: rows of symbol, name, value, change and direction; style strip, cards with sparkline or table; badge text (default Sample data); gentle sample drift and pause on hover. Live mode needs a CoinGecko id per row and is off by default. Keep the badge unless live prices are on.
• Allocation Donut: slices with percentage and colour, a centre value and caption, and an optional badge such as "Fictional demo token".
• Roadmap: phases marked done, in progress (with a percentage) or planned, each with milestones; horizontal or vertical.
• Pricing Table and billing switch: the HTML widget above the table holds a data-nexa-billing JSON map of monthly and yearly prices, one row per plan in order. Edit it together with the plans.
• Fee estimator: each row has data-calc-rate (basis points) and data-calc-base (monthly fee). Keep the "illustrative" label.

Hero console and other HTML widgets

The hero console mockup, logo marquee, platform tabs, billing switch, fee estimator and comparison table are Elementor HTML widgets. Edit their text directly. The console counts up, draws its chart and adds four sample transactions, then stops.

Solutions, case studies, team and blog

• Solutions (/solutions/): price, time to go live and a call-to-action link.
• Case studies (/case-studies/): client, year, sector, products used and Results, one per line as value | label. Archives sort by Order.
• Team and Customer quotes feed the Team Grid and Testimonials widgets. Quotes can carry a "Sample review" badge.
• Blog: posts list as a changelog with a date rail and reading time. The categories Release, Engineering, Security, Research and Company get their own pill colours.

Change the 3D coin

1. Open the home page with Edit with Elementor and select the 3D Scene widget in the hero.
2. It uses the preset Nexa protocol coin in Accent object mode with a 1 / 1 ratio.
3. Choose the Object (faceted coin or chain block), Body colour, Mark and node colour, Network orbit, idle speed and scroll turn.
4. Write an Accessible description. To remove the 3D, delete the widget; nothing else depends on it.

Add motion

• Select any widget or container and open Advanced → DEV3 Motion, or type classes such as dev3-m-split-words, dev3-m-reveal, dev3-m-stagger, dev3-m-stack, dev3-m-tilt, dev3-m-parallax-8, dev3-m-counter or dev3-m-progress.
• Useful layout classes: nexa-card (glass card), nexa-step (stacked steps inside a dev3-m-stack parent), nexa-cta (gradient panel), nexa-kicker (mono pill label) and nexa-shot (framed screenshot).
• Visitors who prefer reduced motion see the final state; the marquee and ticker stop.

Style the site

• Appearance → Customize → DEV3 Nexa Options holds the header style, sticky header, header button, 3D quality, smooth scrolling, footer text and newsletter, shop options and blog layout. Colours and fonts (Sora, DM Sans, JetBrains Mono, self-hosted) are synced to Elementor's globals.
• Without Elementor, insert patterns from Patterns → DEV3 Nexa (24 of them) and use the block styles Glass card, Gradient panel, Gradient text, Kicker and Glow.