51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:Ta3a,

HuntX — Dark Mystery Landing Page Template

HuntX is a fully designed, conversion-focused Framer landing page template built for mystery launches, exclusive access experiences, paid digital hunts, and high-stakes community drops. Dark, cinematic, and deliberately atmospheric. This is the template for creators who want their launch to feel like an event, not a sign-up form.

What's Inside

HuntX ships with four fully designed pages ready to customize and publish:

Home — A full conversion landing page with hero, how it works, free vs member access comparison, animated clue vault preview cards, community section, prize section, and FAQ
Terms of Service — A complete, professionally written terms page formatted and ready to edit
Privacy Policy — A GDPR-aware privacy policy page fully written and structured
404 — A branded error page that stays on-theme when visitors hit a dead end

Built For

Digital scavenger hunts and mystery experiences
Paid community or vault access launches
Exclusive drop pages with tiered access
Event countdowns and reveal campaigns
Any creator who needs a premium dark landing page fast

Design Highlights

Obsidian black and aged gold color palette throughout
Cinematic hero section with full-viewport atmospheric layout
Animated clue vault cards - unlocked, upcoming, and members-only states
Free vs paid access comparison section designed to convert
Scroll-triggered fade-in animations on all major sections
Gold shimmer hover effects on all buttons and interactive cards
Mobile-first layout : fully responsive across all screen sizes
Clean serif headline typography paired with modern sans-serif body text
Stripe payment link ready - just drop your link into the CTA button

Pages Included : 4 pages — Home, Terms, Privacy, 404

Animations Scroll-triggered reveals, hover glows, card pulse effects

Customization All text, colors, images, and links are fully editable. No plugins required.

Free to use. Built to impress.

HuntX is completely free. Duplicate it, customize it, and launch it as your own. If you need a fully custom version built for your specific project,Visit : https://hy.chujiqiqi.com/@framer-guy/

53:T12b3,

Key Features

The CMS Gap Framer Never Filled — Framer's native Carousel requires you to manually connect each child to the component one by one that means a tedious amount of manual bindings every time your content changes. This component eliminates that entirely — connect your CMS Collection List once and every item appears automatically, forever.
Truly Dynamic — Add a new blog post, product, or team member to your CMS and it shows up in the carousel instantly. No canvas edits, no re-binding, no republishing components.
Multi-Slide View with Peek — Show 1–10 slides at once. Set a Peek Amount to reveal a sliver of the next slide, teasing users to keep scrolling.
Animated Dot Indicators — The active dot expands into a pill with a smooth width animation. Full control over size, gap, fill, backdrop blur, and active/inactive opacity.
Custom Arrow Buttons — Default chevron arrows auto-contrast against your fill color. Upload your own icons for a fully branded navigation.
Edge Fading — An optional CSS mask softly fades slides in and out at the left and right edges for an editorial, high-end feel.
Autoplay with Hover Pause — Optional auto-advance on a configurable timer. Pauses on mouse hover, resumes on leave.
Drag, Swipe & Keyboard — Works with mouse drag, touch swipe, and left/right arrow keys with no additional setup.
Frosted Glass Dots — The dot backdrop supports backdrop-filter blur for a polished glassy overlay effect.
Fully Accessible — Complete ARIA markup throughout: role="region", role="tablist", aria-selected, aria-label, and full keyboard navigation.
Helpful Canvas Placeholder — When no collection is connected yet, a clear instructional UI appears directly on the canvas so you always know what to do next.

Why This Exists

Framer's built-in carousel is a visual tool — it's designed for manually placed, manually bound slides. That works fine for 3 slides. It doesn't work when your content lives in a CMS.

Imagine you run a blog with 40 posts and want a "Latest Articles" carousel on your homepage. With the native carousel, you'd drag in 40 slides and manually connect them.

This component makes that problem disappear. Drop in your CMS Collection List — the same one you already use for your blog grid or list — and the carousel reads every item automatically. Your content team can publish 100 new posts and the carousel stays perfectly up to date without anyone touching Framer.

Property Controls

CMS Collection — Connect your Framer CMS Collection List directly
Slides / View + Peek Amount — Visible slides count and next-slide reveal
Gap / Padding / Alignment — Full layout control
Overflow — Hidden or visible (required for peek effects)
Transition + Duration — Smooth slide animation with configurable speed
Autoplay + Interval — Auto-advance with hover pause
Edge Fading + Width + Opacity — Soft mask fade at carousel edges
Arrows — Toggle, fill, size, radius, inset, vertical offset, custom icons
Dots — Toggle, size, gap, fill, backdrop color, blur, radius, active/inactive opacity
Aria Label — Accessible region name for screen readers

Use Cases

Blog or article carousels that stay in sync with your CMS automatically
Product showcases pulling directly from your product collection
Team member sliders that update when HR adds someone new
Portfolio case study carousels
Testimonial or review feeds with dozens of entries

How to Use

Paste the component into Framer via Assets → Code.
Drag it onto the canvas — a placeholder with setup instructions appears.
In the right panel under "CMS Collection," connect your existing CMS Collection List.
That's it — every CMS item is now a slide. Adjust layout, arrows, dots, and animation to match your design.
To show adjacent slides peeking at the edges, set Overflow → Visible and increase Peek Amount.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-ae894edb-9a17-47d8-96a4-2feb20c8145f-all:/unified/creator/ae894edb-9a17-47d8-96a4-2feb20c8145f/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:ae894edb-9a17-47d8-96a4-2feb20c8145f:/unified/posts/?creator=ae894edb-9a17-47d8-96a4-2feb20c8145f&with=reposts":[{"data":[{"id":"019eac46-1fbe-7f03-8641-771508310ae6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ae894edb-9a17-47d8-96a4-2feb20c8145f","name":"Aliasgar Amir","slug":"framer-guy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/169153/avatar-Xd0Cda3noYo5O9fTNI5GztQ2mmKD1t.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"63382","resolved":true,"title":"HuntX","body":"$52","bodyJson":null,"introduction":"Premium Dark Launch Template","slug":"huntx","author":{"framerUserId":"ae894edb-9a17-47d8-96a4-2feb20c8145f","name":"Aliasgar Amir","slug":"framer-guy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/169153/avatar-Xd0Cda3noYo5O9fTNI5GztQ2mmKD1t.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63382/huntx-E7PoG4z5IUXaHBe6hTZ2zs1LyJIZSz","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63382/huntx-jsJkq40UROEdUiJGYEDkZqpxFIuCmK","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-29T07:13:03.173Z","updatedAt":"2026-06-09T12:05:37.342Z","publishedAt":"2026-06-09T12:05:37.342Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/V2HfWHt","remixUrl":"https://framer.link/V2HfWHt","previewUrl":"https://perfect-volunteers-384316.framer.app/","categories":[{"id":237,"name":"Marketing","slug":"marketing"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":219,"name":"Gaming","slug":"gaming"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":220,"name":"Gradient","slug":"gradient"},{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"},{"id":208,"name":"Dark","slug":"dark"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":276,"name":"Digital","slug":"digital"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-09T12:05:37.342Z","updatedAt":"2026-06-09T12:05:37.342Z"},{"id":"019e407b-d0fa-7674-aa00-7d0b1f1c299c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ae894edb-9a17-47d8-96a4-2feb20c8145f","name":"Aliasgar Amir","slug":"framer-guy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/169153/avatar-Xd0Cda3noYo5O9fTNI5GztQ2mmKD1t.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"yghTEKSWBDBHfxdKOH60","resolved":true,"title":"CMS Carousel PRO","body":"$53","bodyJson":null,"introduction":"Carousel for any Framer CMS Collection","slug":"cms-carousel-pro","author":{"framerUserId":"ae894edb-9a17-47d8-96a4-2feb20c8145f","name":"Aliasgar Amir","slug":"framer-guy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/169153/avatar-Xd0Cda3noYo5O9fTNI5GztQ2mmKD1t.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/yghTEKSWBDBHfxdKOH60/cms-carousel-pro-XUoWaeKIwQ1QwWASS9dyFojliUdRmm","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-29T11:18:43.143Z","updatedAt":"2026-05-08T13:50:48.260Z","publishedAt":"2026-05-19T13:45:16.794Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Carousel-TC0BVf.js@NX0Ibe5BZmuZM0cYmZOE","previewUrl":"https://delicious-koala-789468.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"NX0Ibe5BZmuZM0cYmZOE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":29,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-19T13:45:16.794Z","updatedAt":"2026-05-19T13:45:16.794Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]