Jason ZhuJasonZhu.AI
中
ComparisonsVadim | Sollas @vvarrdi2026-09-230:07

Animated welcome screen for the Nova crypto wallet

Views
204.1K
Likes
814
Replies
52
Saves
306

A ~3.5-second animated onboarding screen for a mobile crypto wallet called 'Nova', built as one self-contained HTML/CSS/JS file from a detailed prompt, compared against Astra's version.

Full prompt1,278 chars

Create an animated welcome screen for a mobile crypto wallet called "Nova". It's the first thing a new user sees — within 3 seconds it should feel safe, premium and simple.

Visual:
Deep navy-to-black radial gradient background with subtle grain. Accent color electric blue #2F6BFF with a soft glow. Clean geometric sans-serif (Inter). A frosted glass card in the center — translucent, 1px light border, soft inner highlight, rounded corners.
Animation sequence (~3.5s, plays on load):
0.0s — a soft blue light slowly blooms from the center of the dark background
0.3s — the glass card rises from below with a spring ease, slightly tilted in 3D, and settles flat; a light sweep moves across its surface
0.8s — on the card, the balance counts up from $0.00 to $2,480.00 and a small line chart draws itself
1.6s — the name "Nova" appears above the card, sliding up letter by letter
2.2s — the line "Hold, send and grow crypto — safely." fades in
2.6s — a white pill "Get started" button scales in with a soft glow pulse
After — the card gently floats in an idle loop, and the light sweep repeats every 4 seconds
Technical: single HTML file with CSS and vanilla JS, no external libraries, sized for iPhone (390×844). Make the motion smooth and polished, like a premium fintech app.

Source: the creator's reply under the post. Kept in its original language, unedited.

Original post: https://x.com/vvarrdi/status/2102681647720395115

Model attribution is as stated by the creator and was not independently reproduced. View counts are a snapshot from 2026-09-28. The work belongs to its creator; DM @GoSailGlobal on X for corrections or removal.

More comparisons