-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathllms.txt
More file actions
74 lines (61 loc) · 4.97 KB
/
Copy pathllms.txt
File metadata and controls
74 lines (61 loc) · 4.97 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
# simply.js
> Zero-dependency web-component library for building interactive UIs with plain HTML, CSS and JavaScript. Single-file components (`<html>`/`<style>`/`<script>` in one `.html` file), a reactive template engine, router and state management. No compiler, bundler, or build step — everything runs directly in the browser.
Use this file to decide which page(s) to fetch. Every link is a plain Markdown file you can `curl`/fetch directly — this is a static site, no JavaScript execution required to read the docs. For one-shot ingestion of the whole library, fetch [llms-full.txt](https://simply.js.org/llms-full.txt) instead of crawling page by page.
## Introduction
- [About](https://simply.js.org/docs/): What simply.js is, design goals, and how it works.
- [Getting Started](https://simply.js.org/docs/getting-started.md): Add the script tag, create your first component, serve it locally.
## Component Syntax
- [Structure](https://simply.js.org/docs/component-structure.md): The `<html>`/`<style>`/`<script>` single-file component format.
- [Template](https://simply.js.org/docs/template.md): The template tag and what the template engine supports.
- [Style](https://simply.js.org/docs/style.md): The `<style>` tag: scoping, variables, conditions.
- [Script](https://simply.js.org/docs/script.md): The `<script>` tag: the `class simply { ... }` shape.
## Template Syntax
- [Variables](https://simply.js.org/docs/variables.md): Reactive `{{ }}` variables: data, props, state, methods, etc.
- [Conditionals](https://simply.js.org/docs/conditionals.md): Conditional rendering in templates.
- [Each Loops](https://simply.js.org/docs/loops.md): `each` loops over arrays/objects in templates.
- [DOM Events](https://simply.js.org/docs/dom-events.md): Binding DOM events (`onclick`, etc.) in templates.
- [Nested Components](https://simply.js.org/docs/nested-components.md): Composing components inside components.
- [Slot](https://simply.js.org/docs/slot.md): Slot-based content projection.
## Script Syntax
- [Load Components](https://simply.js.org/docs/loadcomponent.md): Loading/registering components with `get()`.
- [Component Communication](https://simply.js.org/docs/component-communication.md): Parent/child communication patterns.
- [Props](https://simply.js.org/docs/props.md): Passing props into components.
- [Lifecycle](https://simply.js.org/docs/lifecycle.md): Component lifecycle hooks.
- [Reactivity](https://simply.js.org/docs/reactivity.md): How the reactive data layer works.
- [State Management](https://simply.js.org/docs/state.md): Cross-component state management.
## Style
- [Variables](https://simply.js.org/docs/style-variables.md): CSS variables driven by component state.
- [Conditions](https://simply.js.org/docs/style-conditions.md): Conditional CSS classes/styles.
- [Scope & Encapsulation](https://simply.js.org/docs/style-scope.md): Style scoping and Shadow DOM encapsulation.
## Router
- [Go (Router)](https://simply.js.org/docs/router.md): The `go` client-side router.
## Integrations
- [Framer](https://simply.js.org/docs/framer.md): Using simply.js inside Framer.
- [Electron](https://simply.js.org/docs/electron.md): Using simply.js inside Electron apps.
- [Chrome](https://simply.js.org/docs/chrome.md): Using simply.js to build Chrome extensions.
## Agents
- [Agents & AI](https://simply.js.org/docs/agents/agents.md): Overview of how AI agents/LLMs can consume these docs and (planned) APIs.
- [AI Docs](https://simply.js.org/docs/agents/ai-docs.md): Where to fetch machine-readable docs (this file's own index).
- [REPL API](https://simply.js.org/docs/agents/repl-api.md): Planned REPL API for programmatic example access (TBD, not live yet).
## Simply UI
- [Introduction](https://simply.js.org/ui/index.md)
- [Button](https://simply.js.org/ui/s-button.md)
- [Button Group](https://simply.js.org/ui/s-button-group.md)
- [Badge](https://simply.js.org/ui/s-badge.md)
- [Label](https://simply.js.org/ui/s-label.md)
- [Separator](https://simply.js.org/ui/s-separator.md)
- [Skeleton](https://simply.js.org/ui/s-skeleton.md)
- [Kbd](https://simply.js.org/ui/s-kbd.md)
- [Input](https://simply.js.org/ui/s-input.md)
- [Textarea](https://simply.js.org/ui/s-textarea.md)
- [Field](https://simply.js.org/ui/s-field.md)
- [Spinner](https://simply.js.org/ui/s-spinner.md)
- [Icon](https://simply.js.org/ui/s-icon.md)
- [Native Select](https://simply.js.org/ui/s-native-select.md)
- [Switch](https://simply.js.org/ui/s-switch.md)
- [Component Viewer](https://simply.js.org/ui/s-component-viewer.md)
## Optional
- [Full documentation, single file](https://simply.js.org/llms-full.txt): the entire library documentation concatenated into one Markdown file.
- [Examples gallery](https://simply.js.org/docs/examples.md): links to the runnable examples in the `examples/` folder of the repo.
- [Playground](https://simply.js.org/docs/playground.md): in-browser REPL to try simply.js without setting up a project.
- [Source repository](https://github.com/fehmi/simply.js): source code, issues, and the `examples/` folder referenced above.