Principles

What makes nitron special.

Custom utility-first CSS framework

The proprietary CSS framework makes it possible to create ready-made responsive websites within a very short time. You can write the code directly in the HTML without having to write your own CSS code beforehand. The syntax of the code itself is intuitive and straightforward.

Candy

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam ducimus, officia atque quas eaque nihil, sapiente suscipit magni id saepe nostrum a assumenda dolorem beatae. Repudiandae non ratione beatae hic!

Read more

Performance

The fact that websites created with nitron are high performant is due to two reasons. The CSS class names are rather short, which ensures that basically less code is generated. In addition, Webpack guarantees that all files are reduced in size during code generation. An optional purge feature can reduce the overall size even further.

Performance

Mobile First

nitron follows the mobile-first approach that is completely responsive. By specifying different breakpoints, the CSS classes can be changed very quickly.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Accessibility

During the development of nitron, a very important point was taken into account: accessibility. For example, the main navigation is completely controllable via keyboard. Voice feedback was also taken into account. If you ever want to create a component that uses ARIA states, there are several options for that as well.

Accessibility

Customization

nitron was designed from the ground up to be as flexible as possible. If you want to add your own JS components, you can do that easily. Creating your own utility variants and states, no problem.