Archivora CMS Article Card is a premium Framer Code Component made for CMS-driven websites. It helps you display blog posts, articles, news updates, case studies, resources, changelog entries, or editorial previews in a clean and professional card layout.
The component is designed as a single reusable CMS element, not a full section. You can connect its fields to Framer CMS data such as title, image, category, author, date, read time, and excerpt. This makes it useful for collection lists, blog grids, featured posts, resource libraries, and content-heavy landing pages.
Archivora includes a flexible vertical and compact layout, optional CMS image, category badge, meta information, excerpt, and CTA. The styling can be adjusted directly through Framer Property Controls without touching code.
Features:
- CMS-ready article card component
- Works with Framer CMS fields
- Custom title, image, category, author, date, read time, excerpt, and CTA text
- Optional image, category, excerpt, author, date, read time, button, and arrow
- Vertical and compact layout modes
- Badge styles: filled, soft, and outline
- Button styles: text, filled, and outline
- Adjustable image height, radius, card radius, padding, and spacing
- Custom colors for card, text, muted text, accent, border, shadow, and background
- Optional border and multiple shadow strengths
- Smooth hover lift and scale animation
- Canvas-safe animation handling with RenderTarget
- Responsive layout
- No external libraries besides React, Framer, and Framer Motion
Typical Use Cases:
- Blog post previews
- CMS collection cards
- Case study grids
- Resource libraries
- Editorial article lists
- Product updates
- News cards
- Changelog previews
- Featured content blocks
- Creator and portfolio websites
Noel Dario Andres
