# Amkit > Components, patterns, and tools for design engineering across web and native. ## Pages - [Introduction](https://amkit.com/index.md): Components, patterns, and tools for design engineering across web and native. - [Project structure](https://amkit.com/project-structure.md): What astrosim create writes, where the boundary with the framework falls, and how the tree becomes the site. - [About](https://amkit.com/about.md): Why Amkit is three packages instead of one, and what that split is protecting. - [Acceptable use policy](https://amkit.com/acceptable-use-policies.md): Example acceptable use policy for the Amkit demonstration site. - [Approach](https://amkit.com/approach.md): How a change gets from an idea to master — measured, reviewed, and written down. - [Attributions](https://amkit.com/attributions.md): What this project is built on. - [Brand](https://amkit.com/brand.md): The frame, the type, and the rules that keep the surface quiet. - [Contributor agreement](https://amkit.com/cla.md): Example contributor terms for the Teasim packages. - [Cookie policy](https://amkit.com/cookie-policy.md): Example cookie policy for the Amkit demonstration site. - [DMCA policy](https://amkit.com/dmca-policy.md): Example copyright takedown policy for the Amkit demonstration site. - [Privacy policy](https://amkit.com/privacy-policy.md): Example privacy policy for the Amkit demonstration site. - [Services](https://amkit.com/services.md): What we do beyond publishing the packages. - [Subprocessors](https://amkit.com/subprocessors.md): Example subprocessor list for the Amkit demonstration site. - [Team](https://amkit.com/team.md): How the work is organised, and why the group stays small. - [Terms of service](https://amkit.com/terms.md): Example terms for the Amkit demonstration site. - [Values](https://amkit.com/values.md): What we optimise for when two reasonable options disagree. ## Showcase - [amkit.com](https://amkit.com): This site. Built from the same blocks and elements the packages ship, with no private component kit held back for it. - [css.amkit.com](https://css.amkit.com): The TeaCSS documentation surface — a reference set dense enough to be a fair test of the content layer. - [astro.amkit.com](https://astro.amkit.com): The Astro ecosystem documentation, generated from a content collection rather than hand-assembled page by page. ## Components - [Accordion](https://amkit.com/components/accordion.md): Disclosure rows built on the native details element, with the browser owning the open state. - [Code](https://amkit.com/components/code.md): A highlighted listing in CodeBlock's frame, with every Shiki notation drawn. ## References - [createNavigation](https://amkit.com/references/create-navigation.md): Builds the sidebar tree once and binds every navigation lookup to it. ## Products - [@teasim/aster](https://amkit.com/products/aster.md): The page-level blocks — a documentation shell, a header run, a footer, a nav tree, a pager. - [@teasim/astra](https://amkit.com/products/astra.md): Accessible elements that render the markup you would have written, and carry their behaviour with them. - [@teasim/astro](https://amkit.com/products/astro.md): The content layer — navigation, validation, markdown twins, and the machine-readable routes. - [Android](https://amkit.com/products/android.md): The planned Amkit surface for Android — Kotlin and Jetpack Compose, sharing the design-engineering standards of the web surfaces. - [Apple](https://amkit.com/products/apple.md): The planned Amkit surface for Apple platforms — Swift and SwiftUI, with the same design-engineering standards as the web. - [Desktop](https://amkit.com/products/desktop.md): The planned Amkit surface for native desktop applications, built on GPUI. - [HarmonyOS](https://amkit.com/products/harmonyos.md): The planned Amkit surface for HarmonyOS — ArkTS and ArkUI, with the same interface standards as every other Amkit platform. - [React](https://amkit.com/products/react.md): The Amkit surface for interactive application experiences — elements, hooks, and higher-level widgets. - [Style](https://amkit.com/products/style.md): The shared styling foundation — tokens, utilities, and the visual primitives every Amkit web surface is built on. ## Thinking - [A class the extractor never saw](https://amkit.com/thinking/a-class-the-extractor-never-saw.md) - [A hairline that vanished in high contrast](https://amkit.com/thinking/a-hairline-that-vanished-in-high-contrast.md) - [Duplication worth keeping](https://amkit.com/thinking/duplication-worth-keeping.md) - [Measure before you believe the audit](https://amkit.com/thinking/measure-before-you-believe-the-audit.md) - [Name the thing focus lands on](https://amkit.com/thinking/name-the-thing-focus-lands-on.md) - [Region or group — let the count decide](https://amkit.com/thinking/region-or-group-let-the-count-decide.md) - [The build that ran twice](https://amkit.com/thinking/the-build-that-ran-twice.md) - [The dev server that died on every build](https://amkit.com/thinking/the-dev-server-that-died-on-every-build.md) - [The gate has to actually gate](https://amkit.com/thinking/the-gate-has-to-actually-gate.md) - [Two packages, one line](https://amkit.com/thinking/two-packages-one-line.md)