diff --git a/docs-app/app/templates/index.gts b/docs-app/app/templates/index.gts index 5abd12390..2744f052b 100644 --- a/docs-app/app/templates/index.gts +++ b/docs-app/app/templates/index.gts @@ -3,12 +3,9 @@ import { Logo } from 'docs-app/components/icons'; import { ExternalLink } from 'ember-primitives/components/external-link'; import { - Article, - H2, IndexPage, InternalLink, Link, - Text, TopRight, } from '@universal-ember/docs-support'; import { @@ -32,181 +29,622 @@ import { <:tagline> - headless, styleless, accessibility focused implementations of components, patterns, and - utilities to help make building apps faster. -
- picking up where the framework left off. + picking up where
the framework left off + + Headless, styleless, accessibility-focused implementations of components, patterns, and + utilities to help make building apps faster. + <:callToAction> - - Get Started ➤ + + Get Started + GitHub <:content> - +
+
+
+
+

Projects using…

+
    +
  • + REPL, Limber +
    • +
  • + Tutorial +
    • +
  • + Conway's Game + of Life +
    • +
  • + Package Majors +
    • +
+
-

-

+
+

Goals

+
    +
  • high-quality components and utilities
    • +
  • pay for only what you import
    • +
  • pure data derivation
    • +
  • no extra rendering
    • +
  • no unneeded DOM
    • +
  • be contextually aware
    • +
  • be flexible
    • +
  • use the latest technology
    • +
+
-
- -
- -

- -
-
+
+

Features

+
    +
  • Accessible, by default
    • +
  • + Tabster + integration +
    • +
  • Documented
    • +
  • Compatible with all CSS styles
    • +
  • Compatible with all design systems
    • +
+
+
+
-
-

Building on the backs of giants.

+
+
+

Building on the backs of giants

+
    +
  • +

    The Platform

    +

    + When possible, the platform should be used instead of custom implementations. When + applicable, the docs call out what and how to use each relevant part of the + platform. +

    +
    • +
  • +

    + @floating-ui/dom +

    +

    + Used for positioning floating elements. Will be replaced by + CSS Anchor Position + when that lands. +

    +
    • +
  • +

    + tabster +

    +

    + Used for managing roving focus in menus or menu-like patterns. +

    +
    • +
+
-
    +
    +

    Inspiration

    +

    Inspiration and code adapted from

    +
    • - The Platform
      - When possible, the platform should be used instead of custom implementations. When - applicable, the docs call out what and how to use each relevant part of the - platform. + Solid + primitives
    • - @floating-ui/dom
      - Used for positioning floating elements. Will be replaced by - CSS Anchor - Position - when that lands. + radix primitives
    • - tabster
      - Used for managing roving focus in menus or menu-like patterns. + Kobalte
      • -
    -
    - -
    -

    Inspiration and code adapted from

    - -
    • - - Solid primitives - + Svelte UX
    • - - radix primitives - + Quasar
    • - - Kobalte - + Bits + UI
    • - - Svelte UX - + AriaKit
    • - - Quasar - + React Aria
    • - - Bits UI + ShadCN +
      • +
    +
    +
+ +
+ +
- - + +
- -

-

- <:footer> - -
- Dependencies / Projects used by ember-primitives that are worth looking at. - -
- -
- +
+
+ + const Socials =