First public release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3699138,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3699138,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3699138,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3699138,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"blicks\/stack":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/stack","title":"Stack","category":"blicks","description":"A one-dimensional flex layout for arranging child blocks vertically or horizontally.","textdomain":"blicks","supports":{"html":false,"className":false,"blicks":{"controls":["layout.flexDirection","layout.justifyContent","layout.alignItems","layout.flexWrap","layout.gapRow","layout.gapColumn","layout.width","layout.height","layout.overflow","layout.overflowX","layout.overflowY","layout.scrollSnapType","layout.containerType","layout.containerName","layout.aspectRatio","gridChild.*","spacing.*","border.*","position.*","colors.*","background.*","effects.*","animation.*","decoration.*"],"states":["default","hover","focus","active"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"orientation":{"type":"string","default":"vertical"},"tag":{"type":"string","default":"div"},"gap":{"type":"string","default":"md"},"align":{"type":"string","default":"stretch"},"justify":{"type":"string","default":"start"},"wrap":{"type":"boolean","default":false}},"editorScript":"blicks-editor","style":"file:.\/index.css"},"blicks\/icon":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/icon","title":"Icon","category":"blicks","description":"An inline SVG icon that inherits current text color.","textdomain":"blicks","supports":{"html":false,"className":false,"blicks":{"controls":["gridChild.*","colors.text","spacing.*","effects.*","border.*","layout.*"],"states":["default","hover","focus","active"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"icon":{"type":"string","default":"star"},"size":{"type":"string","default":"1.5rem"},"strokeWidth":{"type":"number","default":2},"label":{"type":"string","default":""}},"editorScript":"blicks-editor","style":"file:.\/index.css"},"blicks\/divider":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/divider","title":"Divider","category":"blicks","description":"A semantic divider for separating content groups.","textdomain":"blicks","supports":{"html":false,"className":false,"blicks":{"controls":["gridChild.*","spacing.*"],"states":["default"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"orientation":{"type":"string","default":"horizontal"},"thickness":{"type":"string","default":"1px"},"lineStyle":{"type":"string","default":"solid"},"color":{"type":"string","default":""},"length":{"type":"string","default":""},"align":{"type":"string","default":"start"}},"editorScript":"blicks-editor","style":"file:.\/index.css"},"blicks\/buttons":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/buttons","title":"Buttons","category":"blicks","description":"A row or column of Button blocks with shared alignment, spacing, and wrapping.","textdomain":"blicks","supports":{"html":false,"className":false,"blicks":{"controls":["layout.justifyContent","layout.alignItems","layout.flexWrap","layout.gapRow","layout.gapColumn","layout.width","layout.height","gridChild.*","spacing.*","border.*","position.*","colors.*","background.*","effects.*","animation.*","decoration.*"],"states":["default","hover","focus","active"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"orientation":{"type":"string","default":"horizontal"},"gap":{"type":"string","default":"sm"},"justify":{"type":"string","default":"flex-start"},"wrap":{"type":"boolean","default":true}},"editorScript":"blicks-editor","style":"file:.\/index.css"},"blicks\/heading":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/heading","title":"Heading","category":"blicks","description":"A semantic h1-h6 heading that inherits the active theme by default.","textdomain":"blicks","supports":{"html":false,"className":false,"anchor":true,"blicks":{"controls":["gridChild.*","typography.*","colors.text","colors.background","spacing.*","border.*","effects.*"],"states":["default","hover","focus","active"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"level":{"type":"number","default":2},"content":{"type":"string","default":""}},"editorScript":"blicks-editor","style":"file:.\/index.css"},"blicks\/grid":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/grid","title":"Grid","category":"blicks","description":"A two-dimensional layout block for equal-width or auto-fit child columns.","textdomain":"blicks","supports":{"html":false,"className":false,"blicks":{"controls":["layout.gridColumns","layout.gridRows","layout.gapRow","layout.gapColumn","layout.justifyItems","layout.gridAreas","layout.gridAutoFlow","layout.width","layout.height","layout.overflow","layout.overflowX","layout.overflowY","layout.scrollSnapType","layout.containerType","layout.containerName","layout.aspectRatio","gridChild.*","spacing.*","border.*","position.*","colors.*","background.*","effects.*","animation.*","decoration.*"],"states":["default","hover","focus","active"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"columns":{"type":"number","default":3},"autoFit":{"type":"boolean","default":false},"minColumnWidth":{"type":"string","default":"16rem"},"gap":{"type":"string","default":"md"},"dense":{"type":"boolean","default":false},"tag":{"type":"string","default":"div"}},"editorScript":"blicks-editor","style":"file:.\/index.css"},"blicks\/image":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/image","title":"Image","category":"blicks","description":"A responsive media block with optional link and caption.","textdomain":"blicks","supports":{"html":false,"className":false,"blicks":{"controls":["gridChild.*","border.*","spacing.*","effects.*","layout.*","position.*"],"states":["default","hover","focus","active"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"id":{"type":"number"},"url":{"type":"string","default":""},"alt":{"type":"string","default":""},"aspectRatio":{"type":"string","default":"auto"},"objectFit":{"type":"string","default":"cover"},"sizeSlug":{"type":"string","default":"full"},"duotone":{"type":"object"},"linkTo":{"type":"string","default":"none"},"href":{"type":"string","default":""},"caption":{"type":"string","default":""}},"editorScript":"blicks-editor","style":"file:.\/index.css"},"blicks\/box":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/box","title":"Box","category":"blicks","description":"A generic styled wrapper for cards, panels, and manual layouts.","textdomain":"blicks","supports":{"html":false,"className":false,"anchor":true,"blicks":{"controls":["layout.*","gridChild.*","columns.*","spacing.*","border.*","position.*","colors.*","background.*","typography.*","effects.*","animation.*","decoration.*"],"states":["default","hover","focus","active"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"tag":{"type":"string","default":"div"},"href":{"type":"string","default":""},"linkTarget":{"type":"string","default":""},"rel":{"type":"string","default":""},"linkLabel":{"type":"string","default":""}},"editorScript":"blicks-editor","style":"file:.\/index.css"},"blicks\/spacer":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/spacer","title":"Spacer","category":"blicks","description":"A responsive empty space block for vertical or horizontal rhythm.","textdomain":"blicks","supports":{"html":false,"className":false,"blicks":{"controls":["gridChild.*"],"states":["default"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"size":{"type":"string","default":"64px"},"orientation":{"type":"string","default":"vertical"}},"editorScript":"blicks-editor","style":"file:.\/index.css"},"blicks\/section":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/section","title":"Section","category":"blicks","description":"A full-bleed page band with outer section sizing and independent content sizing controls.","textdomain":"blicks","supports":{"html":false,"anchor":true,"align":["full"],"blicks":{"controls":["spacing.*","border.*","position.*","colors.*","background.*","typography.*","effects.*","animation.*","decoration.*"],"states":["default","hover","focus","active"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"align":{"type":"string","default":"full"},"sectionWidth":{"type":"string","default":"auto"},"sectionHeight":{"type":"string","default":"auto"},"contentWidth":{"type":"string","default":"100%"},"contentMinWidth":{"type":"string","default":"0"},"contentMaxWidth":{"type":"string","default":"var(--blicks-content-size, var(--wp--style--global--content-size, 1200px))"},"surface":{"type":"string","default":"plain"},"sectionSpace":{"type":"string","default":"md"}},"render":"file:.\/render.php","editorScript":"blicks-editor","style":"file:.\/index.css"},"blicks\/text":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/text","title":"Text","category":"blicks","description":"A rich paragraph block for body copy.","textdomain":"blicks","supports":{"html":false,"className":false,"blicks":{"controls":["gridChild.*","typography.*","colors.text","colors.background","columns.*","spacing.*","border.*","effects.*"],"states":["default","hover","focus","active"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"content":{"type":"string","default":""},"tag":{"type":"string","default":"p"},"variant":{"type":"string","default":"default"},"dropCap":{"type":"boolean","default":false}},"editorScript":"blicks-editor","style":"file:.\/index.css"},"blicks\/button":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"blicks\/button","title":"Button","category":"blicks","description":"A shadcn-style action button with variants, sizes, links, and optional icons.","textdomain":"blicks","parent":["blicks\/buttons"],"supports":{"html":false,"className":false,"blicks":{"controls":["gridChild.*","typography.*","colors.*","spacing.*","border.*","effects.*"],"states":["default","hover","focus","active"]}},"attributes":{"uniqueId":{"type":"string"},"blicks":{"type":"object","default":{}},"text":{"type":"string","default":""},"url":{"type":"string","default":""},"linkTarget":{"type":"string","default":""},"rel":{"type":"string","default":""},"variant":{"type":"string","default":"default"},"size":{"type":"string","default":"default"},"icon":{"type":"string","default":""},"iconPosition":{"type":"string","default":"leading"}},"editorScript":"blicks-editor","style":"file:.\/index.css"}},"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":3699138,"resolution":"1","location":"assets","locale":"","width":900,"height":632},"screenshot-2.gif":{"filename":"screenshot-2.gif","revision":3699138,"resolution":"2","location":"assets","locale":"","width":900,"height":632},"screenshot-3.gif":{"filename":"screenshot-3.gif","revision":3699138,"resolution":"3","location":"assets","locale":"","width":900,"height":632}},"screenshots":{"1":"The Blicks admin: an overview of what is registered, the design system screen where token values are edited, and the presets that repaint the whole set at once.","2":"Theme Settings in the editor. The colours, type scale and spacing come from the active theme's theme.json, so they are the same values the front end uses.","3":"Block controls, split across three tabs: Settings for what the block is, Style for every property at each breakpoint and state, and Advanced for visibility and custom attributes."}},"plugin_section":[],"plugin_tags":[4121,215460,201618,148076],"plugin_category":[],"plugin_contributors":[281120],"plugin_business_model":[],"class_list":["post-363362","plugin","type-plugin","status-publish","hentry","plugin_tags-blocks","plugin_tags-design-system","plugin_tags-full-site-editing","plugin_tags-gutenberg","plugin_contributors-blicks","plugin_committers-blicks"],"banners":{"banner":"https:\/\/ps.w.org\/blicks\/assets\/banner-772x250.png?rev=3699138","banner_2x":"https:\/\/ps.w.org\/blicks\/assets\/banner-1544x500.png?rev=3699138","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/blicks\/assets\/icon-128x128.gif?rev=3699138","icon_2x":"https:\/\/ps.w.org\/blicks\/assets\/icon-256x256.gif?rev=3699138","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/blicks\/assets\/screenshot-1.gif?rev=3699138","caption":"The Blicks admin: an overview of what is registered, the design system screen where token values are edited, and the presets that repaint the whole set at once."},{"src":"https:\/\/ps.w.org\/blicks\/assets\/screenshot-2.gif?rev=3699138","caption":"Theme Settings in the editor. The colours, type scale and spacing come from the active theme's theme.json, so they are the same values the front end uses."},{"src":"https:\/\/ps.w.org\/blicks\/assets\/screenshot-3.gif?rev=3699138","caption":"Block controls, split across three tabs: Settings for what the block is, Style for every property at each breakpoint and state, and Advanced for visibility and custom attributes."}],"raw_content":"\n
Blicks adds a set of blocks for building page layouts in the block editor \u2014 sections, boxes, stacks, grids, headings, text, buttons, images, icons, spacers, and dividers.<\/p>\n\n
All blocks share one design system. Instead of a fixed colour or font size baked into each block, Blicks reads your active theme's Works with your theme<\/strong><\/p>\n\n Blicks tokens ( Output<\/strong><\/p>\n\n Token values become utility classes. Custom values become CSS custom properties on the element, and per-instance rules \u2014 pseudo-elements, container queries, keyframes \u2014 are collected into one stylesheet rather than repeated on every block.<\/p>\n\n What's included<\/strong><\/p>\n\n Blicks uses no external services. It contacts no third-party server, loads no remote fonts, scripts or styles, and sends no data anywhere. Everything it renders is served from the plugin itself and from your own theme's settings.<\/p>\n\n The only exception is one you control: if you set a background image to an address on another site, the visitor's browser loads that image from wherever you pointed it. Blicks itself makes no such request.<\/p>\n\n The JavaScript and CSS in the https:\/\/github.com\/blicks-dev\/blicks<\/p>\n\n To rebuild the plugin from source you need Node.js 20+ and pnpm:<\/p>\n\n The PHP in Blicks includes a curated icon registry generated from Lucide icons. Lucide is licensed under ISC; some Lucide icons derive from Feather icons, licensed under MIT. Full notices are in It's built for block themes and full site editing, where it reads your By default, nothing is removed \u2014 your tokens, themes, animations, and settings survive a delete and reinstall. If you want Blicks to clean up after itself, set On uninstall<\/strong> to \"Delete all Blicks data\" in Blicks \u2192 Settings<\/strong> before deleting the plugin.<\/p><\/dd>\n No. There is no stylesheet field, no script field, and no snippet runner. Blicks never evaluates anything you type, and you cannot write a CSS rule, a selector, or an at-rule anywhere in it.<\/p>\n\n Two places do accept typed input, and both are described below.<\/p>\n\n Some controls take a typed value rather than offering a picker \u2014 a length like The custom animation editor (Blicks \u2192 Design System \u2192 Animations<\/strong>, administrators only) works the same way. Each keyframe step is a form row: you pick a property from a fixed list of animatable properties (opacity, transform, color and similar), and type its value, which is validated exactly as above. You cannot name any other property, write a selector, or add an at-rule; Blicks generates the Yes. Import HTML<\/strong> in the editor's options (\u22ee) menu opens a one-way importer: you paste a block of markup, Blicks maps each element to the closest Blicks block, and inserts the result into the post.<\/p>\n\n It reads each element's inline The pasted text itself is never stored and never rendered. No pasted CSS reaches the front end unvalidated, and pasted Yes, via the media library. Background image URLs are restricted to your own site's uploads or an ordinary theme.json<\/code> and uses those settings in the block controls and in the front-end CSS. Change a value once and it applies everywhere.<\/p>\n\n--blicks-*<\/code>) map to WordPress preset variables (--wp--preset--*<\/code>, --wp--custom--*<\/code>). Colours, type scale, and spacing come from whatever theme is active, not a separate default set. Built for block themes and full site editing.<\/p>\n\n\n
External Services<\/h3>\n\n
Source Code<\/h3>\n\n
build\/<\/code> directory are compiled. The full, human-readable source they are built from \u2014 TypeScript, SCSS, the block definitions and the build configuration \u2014 is public at:<\/p>\n\n\n
git clone https:\/\/github.com\/blicks-dev\/blicks.git && cd blicks<\/code><\/li>\npnpm install<\/code><\/li>\npnpm build<\/code> \u2014 writes the compiled assets to build\/<\/code>.<\/li>\n<\/ol>\n\nsrc\/<\/code> is shipped as source and is not compiled. Blicks has no production PHP\ndependencies and bundles no third-party PHP library \u2014 the vendor\/<\/code> directory in the release holds\nonly Composer's own class autoloader. Composer is otherwise used just for the development tools\n(PHPUnit, PHP_CodeSniffer), which are never shipped.<\/p>\n\nThird-Party Licenses<\/h3>\n\n
licenses.txt<\/code> and in the generated icon registry metadata.<\/p>\n\n\n\n
\/wp-content\/plugins\/blicks\/<\/code>, or install it through the WordPress Plugins screen.<\/li>\n\n
Does Blicks work with my theme?<\/h3><\/dt>\n
theme.json<\/code> directly. It also runs on classic themes, but falls back to its own default token values since there's no theme.json<\/code> to read.<\/p><\/dd>\nWhat happens to my data if I delete the plugin?<\/h3><\/dt>\n
Can I add my own CSS, JavaScript, or PHP through Blicks?<\/h3><\/dt>\n
800px<\/code>, a transform like translateX(10px)<\/code>, a shape like polygon(0 0, 100% 0, 100% 100%)<\/code>. Each of those is the value of one named property that the control itself chooses; you cannot write the property, a selector, or a rule. Every value is validated whole against a closed list of permitted characters and CSS functions before it is used, so a value cannot end its own declaration or start another one. Anything that does not validate is dropped.<\/p>\n\n@keyframes<\/code> rule and its name itself.<\/p><\/dd>\nCan I paste in HTML from somewhere else?<\/h3><\/dt>\n
style<\/code> attribute only \u2014 not <style><\/code> blocks, not stylesheets, not <script><\/code>. A declaration is kept only where its property matches an existing Blicks control that takes a plain value; it then becomes an ordinary block attribute, validated exactly like any value you would have typed into that control yourself. Everything else \u2014 every property with no matching control, and every structured control that would need reshaping \u2014 is dropped, and the import report names each one so nothing is silently discarded.<\/p>\n\n<script><\/code> is parsed as text, never executed.<\/p><\/dd>\nDoes Blicks let me use my own images as backgrounds?<\/h3><\/dt>\n
http(s)<\/code> address; javascript:<\/code> and data:<\/code> URLs are rejected.<\/p><\/dd>\n\n<\/dl>\n\n\n1.0.0<\/h4>\n\n
\n