Early research preview — this project is an experiment and may change significantly.
Bloktastic

Directory

Bloks & Presets

Reusable Storyblok components and preset packs with schemas and AI-ready prompts, installable with a single command.

Preset Packs

Ready-made bundles for landing pages, blogs, and growth sites.

3 packages

@bloktastic/blog-starter

v1.0.0

Blog Starter Preset

Starter bundle for editorial pages with hero, teaser cards, and accordions.

Preset stable
#preset#starter#blog

@bloktastic/marketing-landing-starter

v1.0.0

Marketing Landing Starter

Starter preset for modern marketing and landing pages with navigation, social proof, pricing, FAQ, and footer sections.

Preset stable
#marketing#landing-page#starter

@bloktastic/saas-growth-starter

v1.0.0

SaaS Growth Starter

Preset focused on SaaS conversion pages with features, pricing tiers, testimonials, lead capture, and contact forms.

Preset stable
#saas#growth#conversion +1 more

Commerce

Bloks in the commerce family.

1 bloks

@bloktastic/pricing-tier

v1.0.0

Pricing Tier

Single pricing card tier with plan name, price, features, and CTA settings.

Commerce stable
#pricing#tier#plan +1 more

Content

Bloks in the content family.

8 bloks

@bloktastic/accordion

v1.0.0

Accordion

Expandable accordion component for FAQs, feature details, and progressive disclosure content.

Content stable
#accordion#faq#content +1 more

@bloktastic/accordion-item

v1.0.0

Accordion Item

Single item for accordion content with title, rich text body, and optional icon.

Content stable
#accordion#item#faq +1 more

@bloktastic/button

v1.0.0

Button

Versatile call-to-action button with variants, sizes, icon support, and accessible states.

Content stable
#button#cta#action +1 more

@bloktastic/feature-item

v1.0.0

Feature Item

Reusable feature item with icon, title, and short description for feature grids.

Content stable
#feature#item#benefit +1 more

@bloktastic/stat-item

v1.0.0

Stat Item

Single KPI/stat block for metrics such as growth, users, and performance.

Content stable
#stats#kpi#metric +1 more

@bloktastic/team-member

v1.0.0

Team Member

Profile card for a team member with role, avatar, and optional social links.

Content stable
#team#profile#member +1 more

@bloktastic/teaser

v1.0.0

Teaser Card

Card-style teaser with image, text, badge, and optional CTA button.

Content stable
#card#teaser#promo +1 more

@bloktastic/testimonial-item

v1.0.0

Testimonial Item

Customer quote item with author details and optional avatar image.

Content stable
#testimonial#quote#social-proof +1 more

Forms

Bloks in the forms family.

2 bloks

@bloktastic/contact-section

v1.0.0

Contact Section

Contact form section with heading, descriptive text, and configurable fields.

Forms stable
#contact#form#lead +1 more

@bloktastic/newsletter-section

v1.0.0

Newsletter Section

Email capture section for newsletter subscriptions and lead generation.

Forms stable
#newsletter#email#lead +1 more

Media

Bloks in the media family.

1 bloks

@bloktastic/image

v1.0.0

Image

Responsive image component with aspect ratio controls, caption, and lazy loading options.

Media stable
#image#media#responsive +1 more

Navigation

Bloks in the navigation family.

2 bloks

@bloktastic/footer

v1.0.0

Footer

Multi-column footer with branding, navigation groups, legal text, and socials.

Navigation stable
#footer#navigation#legal +1 more

@bloktastic/navbar

v1.0.0

Navbar

Responsive navigation header with logo text, menu links, CTA, and mobile-friendly behavior.

Navigation stable
#navbar#navigation#header +1 more

Sections

Bloks in the sections family.

11 bloks

@bloktastic/announcement-bar

v1.0.0

Announcement Bar

Slim top banner for product announcements, campaign messages, and urgent notices.

Sections stable
#banner#announcement#marketing +1 more

@bloktastic/blog-grid

v1.0.0

Blog Grid

Recent articles section with teaser cards for content marketing pages.

Sections stable
#blog#articles#content +1 more

@bloktastic/cta-banner

v1.0.0

CTA Banner

Call-to-action section with compact copy, button, and optional supporting text.

Sections stable
#cta#banner#conversion +1 more

@bloktastic/faq-section

v1.0.0

FAQ Section

Frequently asked questions wrapper with optional intro and nested accordion block.

Sections stable
#faq#questions#support +1 more

@bloktastic/feature-grid

v1.0.0

Feature Grid

Marketing feature section with heading and nested feature items in responsive columns.

Sections stable
#features#grid#benefits +1 more

@bloktastic/hero

v1.0.0

Hero Section

Full-width hero section with headline, rich description, background media, and CTA actions.

Sections stable
#hero#landing#banner +1 more

@bloktastic/logo-cloud

v1.0.0

Logo Cloud

Trusted-by logo section to showcase customers, partners, and integrations.

Sections stable
#logos#social-proof#partners +1 more

@bloktastic/pricing-section

v1.0.0

Pricing Section

Pricing block with nested pricing tiers and optional comparison context.

Sections stable
#pricing#plans#conversion +1 more

@bloktastic/stats-section

v1.0.0

Stats Section

Section for key metrics and KPIs with nested stat items.

Sections stable
#stats#kpi#metrics +1 more

@bloktastic/team-grid

v1.0.0

Team Grid

Team showcase section with nested team member cards.

Sections stable
#team#about#people +1 more

@bloktastic/testimonial-grid

v1.0.0

Testimonial Grid

Testimonials section with nested testimonial items and flexible layout options.

Sections stable
#testimonials#social-proof#reviews +1 more