Early accessFull site coming soon. Pro is $49.99 a year. See pricing ›

Nexus UI

Tally, a Next.js template

personal finance app

A money app landing page with a live phone in the hero, a tilting metal card, drag-to-pay between avatars, a swipe-to-review spending deck, unfolding receipts, hold-to-send for big transfers, savings goals and streaks, card controls and animated plan pricing.

  • Fintech
  • Advanced
  • 1 page
  • 12 sections
Tally home page
Open it live

Inside the page

Screens from the live template. Open one to see it full size.

What's in it

Sections, top to bottom

  1. 1Sticky Pill Nav
  2. 2Phone and Tilt Card Hero
  3. 3Press Marquee
  4. 4Drag-to-Pay
  5. 5Swipe Review and Receipts
  6. 6Hold-to-Confirm Transfer
  7. 7Savings Ruler, Goal Ring and Streak
  8. 8Security: OTP, Card Controls, Password Strength
  9. 9Plans with Rolling Prices
  10. 10FAQ Accordion
  11. 11CTA Band
  12. 12Footer

Built in

  • Live phone mockup with count-up balance and spring bar chart
  • Pointer-tilt metal card that parallaxes on scroll
  • Money goo: drag an amount from one avatar to another
  • Swipe stack to approve or flag transactions
  • Receipt that unfolds line by line
  • Hold-to-confirm button for large transfers
  • Ruler picker, goal ring and streak counter for savings
  • OTP input, animated switches and live password strength
  • Monthly/yearly toggle with rolling digit prices
  • Respects reduced motion and stays light in dark mode

Run it on your machine

  1. Get the code

    Get Pro or lifetime access, then download the source zip from this page.

  2. Install

    In the project folder:

    $ npm install

  3. Start it

    Then open localhost:3000.

    $ npm run dev

More templates

See all templates

Make Tally yours

Included in Pro, $49.99 a year, along with every other template. Swap in your words and colours and ship it.

Live preview