Skip to content

Conversation

@lordelogos
Copy link
Collaborator

Component / Package Name:

apps/web - Blocks System

This PR contains:

  • bugfix
  • feature
  • refactor
  • documentation
  • other

Are tests included?

  • yes (bugfixes and features will not be merged without tests)
  • no

Breaking Changes?

  • yes (breaking changes will not be merged unless absolutely necessary)
  • no

List any relevant issue numbers:

Description

Adds a new Blocks system to the jsx-email documentation site - a collection of ready-to-use email blocks that users can copy and paste into their templates.

New Features:

  • /blocks index page with categorized block listings
  • Live preview system with BlockPreview component for viewing blocks at different sizes
  • PatternCard component for block navigation

Block Categories Added:

Category Blocks Count
Layout Gallery, Articles 6 blocks
User Feedback Surveys, Feedback, Testimonials 7 blocks
Marketing Marketing, Ecommerce Pricing 5 blocks
General Avatars 4 blocks

22 total blocks across 8 block types:

  • Avatars - Avatar stacks, groups, and layouts
  • Articles - Article cards and list layouts
  • Ecommerce Pricing - Pricing tables and product cards
  • Feedback - Emoji reactions, rating systems
  • Gallery - Image grid layouts
  • Marketing - Hero sections, CTAs, promotional blocks
  • Surveys - NPS scores, rating scales, feedback forms
  • Testimonials - Quote blocks, customer reviews

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants