Morgen logo

Morgen

0 reviews
Paid
Claim Tool

What is Morgen?

The Morgen.so Contact Us and Pricing pages incorporate advanced CSS styles to enhance web design and improve user experience. Key features include inline flex display, rich text element margin adjustments, square div creation, pointer events control, and center alignment for containers. Additionally, inheritance of typography styles, text truncation, and various margin and padding utility classes are provided. Specialized button styles with hover effects and focus state styles for keyboard navigation are also included, ensuring a responsive and accessible design.

Morgen screenshot

Morgen's Top Features

Key capabilities that make Morgen stand out.

Inline Flex Display

.display-inlineflex

Rich Text Element Margins

.w-richtext > :not(div):first-child

.w-richtext > div:first-child > :first-child

Square Div

.div-square::after

Pointer Events Control

.pointer-events-off

.pointer-events-on

Center Alignment for Containers

.container-medium

.container-small

.container-large

Inherited Typography Styles

Commented out, can be uncommented to use

Text Truncation

.text-style-3lines

.text-style-2lines

.text-style-1line

Hide Classes

.hide

.hide-tablet

.hide-mobile-landscape

.hide-mobile

Margin and Padding Classes

.margin-0

.padding-0

.spacing-clean

.margin-top

.padding-top

.margin-right

.padding-right

.margin-bottom

.padding-bottom

.margin-left

.padding-left

.margin-horizontal

.padding-horizontal

.margin-vertical

.padding-vertical

Button Styles

.button_56.is-arrow:hover .arrow-icon

.button_56.is-secondary-arrow:hover .chevron-icon

.button_56.is-secondary-arrow:hover .secondary-box

.button_48.is-arrow:hover .arrow-icon

.button_48.is-secondary-arrow:hover .chevron-icon

.button_48.is-secondary-arrow:hover .secondary-box

.button_48.is-secondary:hover .chevron-icon

Focus State Style for Keyboard Navigation

*[tabindex]:focus-visible

input[type='file']:focus-visible

Font Smoothing and Text Rendering

Applied to body element for crisper text across browsers

Morgen's pricing

Key Details

Pricing Model
Paid
Last Updated
September 22, 2025

Tags

CSSWeb DesignUser ExperienceFlex DisplayRich Text ElementMargin AdjustmentsSquare Div CreationPointer Events ControlCenter AlignmentTypography StylesText TruncationMargin UtilityPadding UtilityButton StylesHover EffectsFocus StateResponsive DesignAccessibility

Top Morgen Alternatives

Have you tried Morgen?

Help other builders make better decisions by sharing your experience.

User Reviews

Share your thoughts

If you've used this product, share your thoughts with other builders

Recent reviews

Frequently asked questions about Morgen

Use Cases

Who benefits most from this tool.

Web Developers

Web developers seeking to improve the design and interactivity of web pages with advanced CSS styles on Morgen.so.

UI/UX Designers

UI/UX Designers aiming to enhance user experience through styles like text truncation, focus state, and more.

Project Managers

Project Managers ensuring the use of standardized CSS classes for a consistent look and feel across web projects.

Accessibility Experts

Accessibility Experts focusing on keyboard navigation and pointer events control to make websites accessible to all users.

Content Managers

Content Managers needing efficient text truncation styles to manage space constraints without compromising readability.

Frontend Engineers

Frontend Engineers looking for pre-defined but customizable CSS classes for quick implementation of design changes.

SEO Specialists

SEO Specialists optimizing web pages to be more accessible and readable, thus improving overall page ranking.

Mobile Developers

Mobile Developers implementing responsive design practices using classes specifically for tablet and mobile views.

QA Testers

QA Testers validating the visual aspects and user interactions of web elements across different devices and browsers.

Marketing Teams

Marketing Teams coordinating with developers to ensure design elements are consistent with branding and user engagement strategies.

News

    Share