This is a preview of the Storyblok Website with Draft Content

Skip to main content

Exclusive new data reveals that content debt costs $4.63 trillion globally. Read the full report and calculate your company's content debt now.

[Draft] Starter Plan

Accessibility - SB Menu, SB Dropdown & SB Textfield

  • User Experience
Books and Storyblok Logo

We improved key Design System components SB Menu, SB Dropdown & SB Textfield, ensuring compliance with web standards by improving keyboard navigation, screen reader support, semantic HTML, color contrast, and focus & hover styles.

Related Updates

Mobile SDKs: Native support for Android and Apple platforms

  • User Experience
  • Workflows
  • Developer Experience

Storyblok now offers official, first-party SDKs for native mobile development. No more building your own API integration, rendering layer, or offline handling from scratch. What's new: Android SDK: built for Jetpack Compose. Includes story fetching, block and rich text rendering, and offline support.Android Tech Guide: full walkthrough, including best-practice patterns for dynamic navigation with the Navigation 3 library, internationalization, and on-device visual preview for debug app builds.Apple SDK: built for SwiftUI, covering iOS, macOS, and tvOS. Includes story fetching, rich text rendering, and offline support.Apple Tech Guide: full walkthrough, including best-practice patterns for block rendering, dynamic navigation, internationalization, and on-device visual preview for debug app builds.

Type-Safe Schemas with @storyblok/schema

  • User Experience
  • Developer Experience

Define fields, blocks, and datasources as type-safe TypeScript objects and keep your code and content model in sync automatically. We give you a schema-driven way to manage content models: @storyblok/schema. Paired with the Storyblok CLI, it lets you define fields, blocks, and datasources directly in code using defineField(), defineBlock(), and defineDatasource(), then push those definitions to your space with schema push. Your repo is now the single source of truth, and both your space and your frontend types stay in sync with it. Highlights: Bootstrap from an existing space: storyblok schema init generates schema objects for all your current components, similar to types generate.Type-safe definitions: defineField(), defineBlock(), and defineDatasource() catch mistakes at compile time.Push straight from your terminal: storyblok schema push (with a --dry-run option) applies your schema files to the space.Framework-ready types: the BlockContent<TBlock, TBlocks> utility type extracts exactly the props a Vue or React component needs from a schema object.Version-controlled content models: schemas are plain TypeScript files, so diffs, PRs, and rollbacks work the way they do for the rest of your code. Give it a try and tell us what works and what's missing! [@storyblok/schema package] [Learn More]