# Blockstudio

The WordPress block framework for developers.

## Pages

- Introduction: /docs
  Welcome to the Blockstudio documentation.
- Code Snippets: /docs/code-snippets
  Use Blockstudio's file-first approach for code snippets.
- Content Sync: /docs/content-sync
  Add database content to Blockstudio's file-first workflow by projecting allowlisted WordPress records to portable files.
- Extensions: /docs/extensions
  Extend any registered block with custom attributes.
- General: /docs/pages-and-patterns
  Create WordPress pages and block patterns from file templates with automatic block parsing.
- Tailwind CSS: /docs/tailwind
  Server-side Tailwind CSS compilation with automatic caching.
- General: /docs/blocks/assets
  Automatically enqueue and process CSS, SCSS, and JavaScript files for your blocks.
- CLI: /docs/blocks/cli
  Manage Blockstudio blocks, database, RPC, and cron from the command line via WP-CLI.
- Components: /docs/blocks/components
  Non-editor blocks for programmatic rendering.
- Context: /docs/blocks/context
  Access loop and post context data in your block templates.
- Environment: /docs/blocks/environment
  Conditionally render content based on the rendering context.
- Interactivity: /docs/blocks/interactivity
  Use the WordPress Interactivity API in your blocks for reactive, client-side behavior.
- Loading: /docs/blocks/loading
  Control how blocks are loaded in the editor.
- Overrides: /docs/blocks/overrides
  Override blocks on a granular level.
- Post Meta: /docs/blocks/post-meta
  Access post meta data in your block templates.
- Preview: /docs/blocks/preview
  Enable block previews in the block inserter.
- General: /docs/blocks/react-components
  Use React-powered editor components directly in your PHP, Twig, or Blade templates.
- Registration: /docs/blocks/registration
  Learn how to register custom blocks with Blockstudio.
- Programmatic Rendering: /docs/blocks/rendering
  Render Blockstudio blocks programmatically via PHP functions or HTML tags.
- Schema: /docs/blocks/schema
  JSON Schema support for Blockstudio blocks.
- SEO: /docs/blocks/seo
  How Blockstudio integrates with SEO plugins for real-time content analysis.
- Storage: /docs/blocks/storage
  Store field values in different locations like post meta or options.
- Transforms: /docs/blocks/transforms
  Define ways to transform blocks into other blocks.
- UI Components: /docs/blocks/ui-components
  Enable and render the bundled Blockstudio UI components.
- Variations: /docs/blocks/variations
  Create block variations with different default attribute values.
- Admin: /docs/dev/admin
  Inspect registered Blockstudio blocks, browse registries, and view database records from wp-admin.
- AI Integration: /docs/dev/ai
  A static context file with full documentation and schemas for LLM coding assistants.
- Canvas: /docs/dev/canvas
  A Figma-like overview of all Blockstudio pages as artboards.
- Composer: /docs/dev/composer
  Install Blockstudio using Composer.
- Element Grabber: /docs/dev/grab
  A built-in element inspector for identifying block template files on the frontend.
- Performance Profiler: /docs/dev/perf
  Built-in profiler for tracking block render times, template phases, and asset processing.
- PHPStan: /docs/dev/phpstan
  Static analysis for Blockstudio projects with type-safe templates, schema validation, and hook checking.
- Getting Started: /docs/general/getting-started
  Set up your first Blockstudio project.
- Settings: /docs/general/settings
  Configure Blockstudio with blockstudio.json or filters.
- Pages: /docs/pages-and-patterns/pages
  Create WordPress pages from file templates with automatic syncing.
- Patterns: /docs/pages-and-patterns/patterns
  Create WordPress block patterns from file templates.
- Hooks: /docs/pages-and-patterns/template-hooks
  PHP filters and actions for pages, patterns, and the HTML parser.
- Code Field Assets: /docs/blocks/assets/code-field
  Dynamic asset blocks via the code field.
- Processing Assets: /docs/blocks/assets/processing
  Minification, SCSS compilation, and ES modules support.
- Registering Assets: /docs/blocks/assets/registering
  Automatically enqueue CSS and JavaScript files for your blocks.
- Block Attributes: /docs/blocks/attributes/block-attributes
  Access standard WordPress block attributes like alignment and typography.
- Block Field: /docs/blocks/attributes/block-field
  Reference another block as a field, expanding its attributes inline.
- Conditional Logic: /docs/blocks/attributes/conditional-logic
  Show or hide fields based on conditions.
- Custom Fields: /docs/blocks/attributes/custom-fields
  Reusable field definitions for Blockstudio blocks.
- Disabling Attributes: /docs/blocks/attributes/disabling
  Temporarily disable attributes while preserving their values.
- Expanded Editor: /docs/blocks/attributes/expanded-editor
  Edit Blockstudio fields in a wider drawer when the inspector sidebar is too narrow.
- Field Types: /docs/blocks/attributes/field-types
  All available field types and their properties in Blockstudio.
- Filtering Attributes: /docs/blocks/attributes/filtering
  Filter and modify block attributes with PHP hooks.
- HTML Utilities: /docs/blocks/attributes/html-utilities
  Render attribute values as data attributes or CSS variables.
- Populating Options: /docs/blocks/attributes/populating-options
  Dynamically populate field options from queries, functions, or external sources.
- Registering Attributes: /docs/blocks/attributes/registering
  Learn how to register custom attributes for your blocks.
- Rendering Attributes: /docs/blocks/attributes/rendering
  Access attribute values in your block templates.
- Cron: /docs/blocks/block-api/cron
  Define scheduled background tasks per block using WordPress Cron.
- Database: /docs/blocks/block-api/database
  Define a data model for your block with automatic CRUD endpoints, validation, and multiple storage backends.
- Initialization: /docs/blocks/block-api/initialization
  Execute code during WordPress initialization.
- RPC: /docs/blocks/block-api/rpc
  Call server-side PHP functions from the frontend with a lightweight RPC system inspired by tRPC.
- JavaScript Hooks: /docs/blocks/hooks/javascript
  JavaScript filters and actions available in Blockstudio.
- PHP Hooks: /docs/blocks/hooks/php
  PHP filters and actions available in Blockstudio.
- InnerBlocks: /docs/blocks/react-components/innerblocks
  Allow nested blocks within your custom blocks.
- MediaPlaceholder: /docs/blocks/react-components/mediaplaceholder
  Add a media upload placeholder to your blocks.
- RichText: /docs/blocks/react-components/richtext
  Add editable text fields directly in your block templates.
- useBlockProps: /docs/blocks/react-components/useblockprops
  Create markup parity between editor and frontend.
- Blade: /docs/blocks/templating/blade
  Use Laravel Blade templates for your Blockstudio blocks.
- Twig: /docs/blocks/templating/twig
  Use Twig templates for your Blockstudio blocks.
- Migrating to v7: /docs/dev/migration/v7
  Breaking changes and migration steps for Blockstudio 7.

## Full Content

For full documentation content, see /llms-full.txt