shipped project
DataSync.
SaaS landing page for a real-time database sync API. Offline-first architecture, automatic conflict resolution, and multi-platform SDK support showcased across a full marketing site.
$ less ./full-description
What this build covers.
DataSync is a SaaS marketing site for a real-time database synchronisation API — built with Nuxt 4 and Tailwind CSS v4. The site communicates a technically complex product clearly across eight purpose-built sections: hero, social proof, features, code examples, how-it-works, pricing, testimonials, and a final CTA.
The design system uses a custom Tailwind theme with a primary blue and accent purple palette, six keyframe animations, and a JetBrains Mono code block to showcase the SDK's clean developer experience. The header transitions to a glass-morphism style on scroll, and a responsive hamburger menu handles mobile navigation.
The features section highlights the product's core capabilities — real-time sync, offline-first support, automatic conflict resolution, horizontal scaling, end-to-end encryption, and multi-platform SDKs. The pricing section covers three subscription tiers with a clear feature comparison, and the testimonials section builds trust with developer-focused social proof.
ok
Eight-section single-page layout: hero → logos → features → code → how-it-works → pricing → testimonials → CTA
ok
Custom Tailwind v4 design system with primary/accent palette and six keyframe animations
ok
Glass-morphism header with scroll detection and smooth mobile hamburger menu
ok
Interactive code showcase section with JetBrains Mono syntax-highlighted SDK example
ok
Three-tier pricing section with feature comparison and highlighted recommended plan
ok
Social proof logos row: GitHub, Vercel, Stripe, Linear, Figma, Supabase
ok
Fully responsive — optimised for mobile, tablet, and widescreen desktop
$ find ./projects -related
Related builds.
2025 / Web App
Pulse Dashboard
SaaS analytics dashboard with real-time KPI cards, revenue area charts, customer table with slide-out panels, and full dark/light mode theming.
2025 / Web App
Noir Studio
Animated creative agency landing page with GSAP ScrollTrigger, SplitText line reveals, pinned horizontal scroll gallery, magnetic CTA and a custom dual-element cursor.
2024 / Web App
Sweet Layer
Headless e-commerce storefront built with Nuxt and Payload CMS. Full product catalog, cart, checkout flow, and a clean content management backend.