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
Component Madness 2024

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…
Read more
Age Verfication Yyyy

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,…
Read more
Lean Clean Machine

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…
Read more
Hui Copilot V1.3

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…
Read more

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…
Read more

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…
Read more

Dynamic Tabs

An a11y-friendly Dynamic Tabs component is designed to be accessible and responsive, providing a seamless user experience across devices. It adapts to different screen sizes by transforming traditional tabs into…
Read more

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.
Typography Min

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…
Read more
Color System Min

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,…
Read more
Spacing System Min

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…
Read more
Cover

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…
Read more
Placeholder Dark Min

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…
Read more
Headspin Logo Placeholder

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…
Read more

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…
Read more

Find more about Headspin UI

Headspin Logo
1.3.0
Built with
Breakdance
and
Headspinui
@ 2024 HeadspinUI. All rights reserved.