CSS / Chakra

CSS (Cascading Style Sheets) is a language used to style web pages by describing how HTML (Hypertext Markup Language) elements should be displayed on the screen. CSS allows web designers and developers to separate the presentation of a web page from its content, making it easier to maintain and modify the style of a web page without having to change its underlying HTML. Chakra is a CSS-in-JS (JavaScript) library developed by Microsoft for building user interfaces in React. It provides a set of utility functions and components for styling React components with CSS-like syntax. Chakra also includes a design system with a set of pre-built components, such as buttons, inputs, and navigation bars, that can be easily customized with CSS. Chakra uses the Emotion library under the hood to generate CSS styles based on the CSS-in-JS syntax. This allows developers to write CSS styles directly in JavaScript code, which can be more convenient and flexible than writing separate CSS files.