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