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

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

Theme switches docs

In this article, we are going to cover how we could modify the styling and functionality of theme switches. Styling options As shown in the image image below, we have…
Read more

Animated theme toggles

Styling options  For basic styles like size and color we need to navigate to the code block called “Theme toggle Code” (1) and under the design tab we should have…
Read more

Theme modes API

In this post, we will introduce Headspin UI Dark Theme API. Dark Theme API is a convenient set of functions that allow users to switch between dark and light modes.…
Read more

Hello version 1.1.0

We are excited to announce new version of our plugin Headspin Copilot. After lot of effort we think that we are on right track to address almost every pain point…
Read more

Copying Wireframes

To copy Wireframes from Headspin UI to your Breakdance site you should: If you have problem with Wireframes looking broken and not looking as on our site, please read common…
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
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
Headspin Logo
1.1.1
Built with
Breakdance
and
Headspinui
@ 2024 HeadspinUI. All rights reserved.