Skip to content

CLI: Re-evaluate default layout alignment in Angular CLI starter template #32536

@SahulKola

Description

@SahulKola

Command

new

Description

Proposal

Consider making the default Angular CLI starter template center-aligned instead of top-aligned.

Context

When a new project is created using ng new, the generated application content is top-aligned. Anyway this is just a starter template where user will clear everything once they create project.

UX & Psychological Rationale

  • Centered layouts create a strong focal point and reduce perceived visual emptiness in minimal starter apps.
  • New developers evaluating Angular for the first time may associate centered layouts with a more polished first impression.
  • Modern UI trends (especially in SaaS and internal tooling) frequently start with centered shells.

Why this might be worth reconsidering

  • The current starter template is intentionally minimal.
  • Changing alignment does not affect functionality or architecture.
  • It may improve perceived visual polish without adding complexity.

Happy to hear thoughts from the team.

Image

Describe the solution you'd like

Solution

  • Simple solution is to alter CSS once in the main file where we get the boiler-plate styles.
  • As this is not any functional change this don't impact anything in framework level.
Image

Describe alternatives you've considered

Other Possibilities

  • We can initially give users an option as to take community feedback, by adding it in argument level like
    ng new myApp --layout="centered"

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions