Astral.CSS

Getting Started

Introduction Download
Layout

Breakpoints Grid CSS Grid
Form

Overview Form Control Select Range Input Group Form Layouts Checkbox and Radio
Components

Alerts Animation Article Breadcrumbs Button Cards Chips Dividers Dropdown Footer Message Modal Navigation Notification Pagination Progress Bars Section Table Tabs Tags Tooltip
Utilities

Background Borders Colors Cursor Pointers Display Flex Floats Interactions Opacity Overflow Position Shadow Sizing Spacing Text Typography Vertical Align Visibility
JavaScript

Toastify OTP Generator
Dark Mode

Theme

Utility classes that change how users interact with contents of a website.

Text Selection

This paragraph will be entirely selected when clicked by the user.

This paragraph has default select behavior.

This paragraph will not be selectable when clicked by the user.

This paragraph will be entirely selected when clicked by the user.
This paragraph has default select behavior.
This paragraph will not be selectable when clicked by the user.

On this page

Text selection