1.4.1
Latest articles
Let's dig deeper to se how Headspin is made. In this series of the articles you will learn more about system decision what went into making Headspin
Headspin Copilot v1.4.0
We’re excited to introduce completely re-invented concept of the Context Menu or better to say Context Menu v2. Initial version served us and our users really well, but with recent…
Component Madness 2024
What is Component Madness? Component Madness is once in a year event from HeadspinUI team. It features 7-day in row releasing various solutions in form of the Components. 2024 Lineup…
Age Verification in Breakdance
We’ve release 3 components which you could user to verify users before showing sensitive content. While it is pretty easy to this in Breakdance and could be done in 20mins,…
Lean. Clean. Machine.
This dropped on my mind when it comes to Copilot plugin. We could use it as slogan. Keep reading to find why. Lean Plugin produces lean code. We’ve strategic parts…
Headspin UI Copilot v1.3
We’re proud to announce new version of our Headspin UI Copilot plugin. Release video covers new Dynamic Theming feature with real world use-case demo. Improved Fluid Workflow We are stepping…
Brandy template documentation
Requirements: Go to Breakdance > Settings > Design library and add shareable URL that you got after downloading the file in your account Now you have 2 options: Import via…
How to get started real quick with Headspin
As Headspin offers CSS variables, you can use it in many ways. So far this is my favorite and fastest way how to get started. -> start building website. In…
Slider Framework
The Slider Framework is a wrapper code for the Breakdance Builder that allows users to easily create and customize responsive sliders using the Swiper.js library. It integrates seamlessly, offering extensive…
Create your design system
Let's dig deeper to se how Headspin UI is made. In this series of the articles you will learn more about system decision what went into making Headspin UI.
Modern approach to typography
Please read end of the article before implementing any of code on your website. In the first part of the article px will be used so it is easier to…
Color system
One of the most complicated things to get right in development is getting colors right. While there is some math that can help with certain parts of the color system,…
Spacing system
As this article is part of series, most of the underlying concepts and fundamentals like: are covered in our article about typography. So here we are going just quickly recap…
Figma Library
Headspin offers a collection of wireframes for Figma designed to accelerate the process of prototyping and designing websites. Getting Started Within your account, you’ll find a link to the Figma…
How to Copy Wireframes from Headspin and Paste Them into Breakdance.
Copying wireframes from Headspin into Breakdance is really easy. All of our wireframes come with a copy button; when clicked, it copies the wireframe’s code. Then, open the Breakdance editor…
Getting started with Headspin
After you have completed your purchase, follow these steps to get started easily. On a new site installation: Plugin settings: Now, you can start copying and pasting wireframes from our…
Site Performance Update
We are happy to announce that we are close to ending performance optimization. When we launched Headspin platform, we did it without many performance optimization and as thought that could…
Breakdance DIY Dark mode toggle
While we are working on making dark mode toggle element. I will share small workaround to create dark mode switching button. This is not the best method, rather workaround as…