Noel Dario Andres
Building Framer, Shopify and AI-powered web solutions.
New to Contra
Noel Dario is ready for their next project!
I Built Vectora — A Premium Astro SaaS Theme with Motion Scroll Storytelling
Most Astro themes look great in a screenshot. Fewer feel premium once you start scrolling.
That gap is why I built Vectora — a production-ready Astro theme for SaaS, AI tools, analytics products, and modern software startups.
The problem I wanted to solve
Developers and founders don’t need another generic landing page. They need a complete marketing site that feels polished, converts well, and ships fast — without wiring up a CMS, backend, or animation stack from scratch.
Vectora is built for that exact use case.
What Vectora includes
10+ pages out of the box: Home, Features, Pricing, About, Blog, Changelog, Documentation, Contact, Styleguide, and a custom 404 page.
Premium scroll experiences powered by Motion:
Sticky product storytelling
Visual handoffs between sections
Horizontal product showcase
Parallax layers, hero reveals, and animated stats
prefers-reduced-motion support and mobile fallbacks
Local-first content: Blog, changelog, and docs run on Astro Content Collections — no external CMS required.
Developer-friendly customization: Site settings, navigation, pricing, features, FAQs, and testimonials are centralized in TypeScript config files. Swap branding, copy, and structure without hunting through dozens of files.
Built-in demo mode: Perfect for live theme previews. A banner, hero notice, footer disclaimer, and pricing notice make it clear the site is a theme demo, not a fake SaaS product. Disable one flag when you launch for real.
Performance & SEO: Astro 5, TypeScript, Tailwind CSS, image optimization (AVIF/WebP), meta tags, Open Graph, sitemap, and RSS.
Who it’s for
SaaS founders launching a marketing site
Agencies shipping client landing pages
Developers building AI or dev-tool products
Anyone who wants a dark, conversion-focused site with real motion — not just static sections
See it live
Demo: https://vectora.pages.dev
Scroll through the homepage to see the sticky storytelling and horizontal showcase in action.
Get the theme
Vectora is available as a commercial license with unlimited use for personal and client projects.
Purchase: https://noelmarketing.lemonsqueezy.com/checkout/buy/35d43303-619c-4def-a1f8-8c542c5b71e6
Each purchase includes the full source code, README, and license.
Why Astro
Astro gives you fast static output by default, great content workflows, and just enough client-side JavaScript where it matters — like scroll animations. Vectora leans into that: mostly static, highly polished, easy to deploy on Cloudflare, Netlify, or Vercel.
What’s next
The theme is live, the demo is deployed, and it’s submitted to the Astro themes catalog. If you’re building a SaaS site and want something that feels more product launch than template download, Vectora might save you weeks of design and front-end work.
Would love your feedback on the demo — especially the scroll sections.
— Noel Dario Andres
noel.marketing (http://noel.marketing)
2
49
Just launched: Curtify All-in-One Bundles for Shopify 🚀
I’m excited to introduce Curtify All-in-One Bundles, a Shopify app built to help merchants increase their average order value with simple, flexible bundle offers.
With Curtify, store owners can create:
✅ Fixed product bundles
✅ Quantity deals and volume discounts
✅ Frequently bought together offers
✅ Tiered pricing and percentage discounts
✅ Product-page bundle blocks that match the store’s design
✅ Automatic checkout discounts powered by Shopify Functions
✅ Analytics to track bundle performance
✅ A/B tests to compare different bundle offers
The goal is simple: help Shopify merchants turn more product page visits into larger orders — without making bundle management complicated.
Instead of using multiple apps for bundles, upsells, quantity breaks, and offer testing, Curtify brings the most important bundle tools into one clean workflow.
Whether you want to sell more of a single product, combine complementary products, or test different offers to see what performs best, Curtify gives you the tools to do it directly inside Shopify.
There is also a free plan available, so merchants can start testing bundles without upfront risk.
Check it out on the Shopify App Store:
https://apps.shopify.com/all-in-one-bundle-app
I’d love to hear feedback from Shopify merchants, agencies, and e-commerce founders.
1
3
70
Building Launchfolio — a premium Astro 6 portfolio theme for freelancers and solo founders. Blog, case studies, dark mode, 5 color presets, no CMS.
Demo: https://launchfolio-43r.pages.dev/
Still polishing before launch — does this feel premium enough? What would you change?
Feedback welcome 👇
1
68
Atelier 360 — A Reusable Fashion Launch System
Full Project Description
Atelier 360 is a reusable creative workflow built in Melius that turns a single fashion product brief into a complete omnichannel launch campaign.
Link to my project: https://app.melius.com/projects/79eae4e8-9e6b-4edc-9fc5-545a0f8aa893/canvas/5550b66a-9c04-40f1-9e9e-054aa2b77821
Loom Video: https://www.loom.com/share/99abfb7429a44d609853c95a43f1946d
For this challenge, I used a premium black oversized hoodie as the starting product. From that one brief, the workflow generates brand direction, product-only e-commerce assets, 360-degree product views, on-model editorial visuals, social creatives, paid ads, out-of-home campaign concepts, website and email banners, and cinematic video direction.
The main idea behind Atelier 360 is product consistency. Generative fashion workflows often create beautiful isolated images, but the product can easily drift between outputs. To solve this, I built the workflow around a Canonical Product Identity and Global Quality Standards. These act as a source of truth for the garment’s silhouette, material, proportions, construction, and visual style.
The system is designed to reduce common AI issues such as inconsistent product details, exaggerated garment proportions, duplicate hoods, faceless models, ghost-mannequin artifacts, unreadable text, and off-brand visual drift. Instead of treating each image as a separate generation, Atelier 360 works like a connected production pipeline.
Key Functions & Capabilities
Strategic Brand Foundation
The workflow starts by generating a clear brand strategy, audience direction, visual tone, and campaign positioning based on the initial product brief.
Canonical Product Anchor
A central product identity node defines the source of truth for the garment, including silhouette, material, hood structure, pocket placement, cuffs, hem, and overall construction.
Product-Only E-Commerce Assets
The system creates clean product visuals for online stores, including hero product shots, 360-degree front/side/back views, material close-ups, and PDP-ready assets.
On-Model & Editorial Assets
The workflow separates model-based visuals from product-only assets to create editorial campaign images with visible faces, realistic anatomy, and premium fashion styling.
Omnichannel Marketing Assets
Atelier 360 generates campaign concepts for social media, paid ads, website banners, email banners, billboards, and street posters.
Video & Motion Direction
The system includes a video pipeline covering script, storyboard, keyframes, 360-degree product turntable concepts, and short-form fashion promo video direction.
Process Steps & Execution Strategy
I started by building the strategy layer and defining the visual direction for a premium minimalist streetwear brand. Then I created a Canonical Product Identity to keep the hoodie consistent across all future outputs.
From there, I organized the canvas into five functional zones:
Strategy & System Rules
Product-Only Assets
On-Model & Editorial Assets
Campaign & Marketing Assets
Video & Motion Direction
During the process, I learned that a large nested workflow is easier to control when it is executed group by group rather than all at once. This allowed me to review each stage, refine weak outputs, and keep the final campaign board cleaner and more consistent.
Feedback on Melius
Melius helped turn the creative process from isolated prompting into a visual production system. I liked being able to structure the workflow spatially, connect strategy to visual outputs, and use the agent to expand one product idea into many connected campaign assets.
The canvas format made it easier to think like a creative director: define the product, build the visual world, generate assets, review quality, and curate the strongest outputs. For me, the biggest value was not just generating visuals, but building a reusable workflow that can be adapted for future fashion launches.
5
26
964
Working on something new for the Framer community 👀
I just submitted LiquidGridBackground for review — a premium interactive background component for modern SaaS, AI, startup, Web3, agency, and portfolio websites.
It creates a clean grid-based hero background with mouse-reactive tile fills, glow effects, scan beam, noise, vignette, and optional logo tiles. You can use text logos, uploaded logo images, or auto mode directly inside Framer — no coding needed.
I built it for:
SaaS hero sections, AI landing pages, integration sections, tech stack visuals, partner logo backgrounds, dashboards, and modern product pages.
Now I’m waiting for the Marketplace review and hope it goes live soon 🚀
Would you use an interactive grid background like this in one of your Framer projects?
2
2
131
Just launched Gradient Generator for Framer 🎨
https://www.framer.com/marketplace/plugins/gradient-generator/preview/
Create beautiful gradients directly inside Framer — instantly and completely free.
✨ Generate modern gradient combinations
✨ Speed up your design workflow
✨ No external tools needed
✨ Clean and simple UI
✨ Free to use
Built this to make creating gradients inside Framer much faster and more enjoyable.
Would love to hear your feedback 👀
2
1
125