Skip to content

Commit 04b8ea4

Browse files
authored
Update README.md
1 parent 3a8eedd commit 04b8ea4

File tree

1 file changed

+12
-100
lines changed

1 file changed

+12
-100
lines changed

README.md

Lines changed: 12 additions & 100 deletions
Original file line numberDiff line numberDiff line change
@@ -21,13 +21,22 @@ A quick run through of some Textual features.
2121

2222

2323

24-
https://user-images.githubusercontent.com/554369/197355913-65d3c125-493d-4c05-a590-5311f16c40ff.mov
24+
25+
26+
27+
28+
29+
https://github.com/user-attachments/assets/71afec49-fe89-4e8d-a8cf-148fa2601362
30+
2531

2632

2733

2834
</details>
2935

3036

37+
![textual-themes-splash](https://github.com/user-attachments/assets/3de1a991-1154-48b4-b547-21f98509f8c4)
38+
39+
3140
## About
3241

3342
Textual adds interactivity to [Rich](https://github.com/Textualize/rich) with an API inspired by modern web development.
@@ -62,7 +71,8 @@ Run the following command to see a little of what Textual can do:
6271
python -m textual
6372
```
6473

65-
![Textual demo](https://raw.githubusercontent.com/Textualize/textual/main/imgs/demo.png)
74+
75+
<img width="1514" alt="demo" src="https://github.com/user-attachments/assets/5bd9a7e9-fcc5-48b2-b27d-a7f050e2dd63">
6676

6777
## Documentation
6878

@@ -71,101 +81,3 @@ Head over to the [Textual documentation](http://textual.textualize.io/) to start
7181
## Join us on Discord
7282

7383
Join the Textual developers and community on our [Discord Server](https://discord.gg/Enf6Z3qhVr).
74-
75-
## Examples
76-
77-
The Textual repository comes with a number of examples you can experiment with or use as a template for your own projects.
78-
79-
80-
<details>
81-
<summary> 🎬 Code browser </summary>
82-
<hr>
83-
84-
This is the [code_browser.py](https://github.com/Textualize/textual/blob/main/examples/code_browser.py) example which clocks in at 61 lines (*including* docstrings and blank lines).
85-
86-
https://user-images.githubusercontent.com/554369/197188237-88d3f7e4-4e5f-40b5-b996-c47b19ee2f49.mov
87-
88-
</details>
89-
90-
91-
<details>
92-
<summary> 📷 Calculator </summary>
93-
<hr>
94-
95-
This is [calculator.py](https://github.com/Textualize/textual/blob/main/examples/calculator.py) which demonstrates Textual grid layouts.
96-
97-
![calculator screenshot](https://raw.githubusercontent.com/Textualize/textual/main/imgs/calculator.png)
98-
</details>
99-
100-
101-
<details>
102-
<summary> 🎬 Stopwatch </summary>
103-
<hr>
104-
105-
This is the Stopwatch example from the [tutorial](https://textual.textualize.io/tutorial/).
106-
107-
108-
109-
https://user-images.githubusercontent.com/554369/197360718-0c834ef5-6285-4d37-85cf-23eed4aa56c5.mov
110-
111-
112-
113-
</details>
114-
115-
116-
117-
## Reference commands
118-
119-
The `textual` command has a few sub-commands to preview Textual styles.
120-
121-
<details>
122-
<summary> 🎬 Easing reference </summary>
123-
<hr>
124-
125-
This is the *easing* reference which demonstrates the easing parameter on animation, with both movement and opacity. You can run it with the following command:
126-
127-
```bash
128-
textual easing
129-
```
130-
131-
132-
https://user-images.githubusercontent.com/554369/196157100-352852a6-2b09-4dc8-a888-55b53570aff9.mov
133-
134-
135-
</details>
136-
137-
<details>
138-
<summary> 🎬 Borders reference </summary>
139-
<hr>
140-
141-
This is the borders reference which demonstrates some of the borders styles in Textual. You can run it with the following command:
142-
143-
```bash
144-
textual borders
145-
```
146-
147-
148-
https://user-images.githubusercontent.com/554369/196158235-4b45fb78-053d-4fd5-b285-e09b4f1c67a8.mov
149-
150-
151-
</details>
152-
153-
154-
<details>
155-
<summary> 🎬 Colors reference </summary>
156-
<hr>
157-
158-
This is a reference for Textual's color design system.
159-
160-
```bash
161-
textual colors
162-
```
163-
164-
165-
166-
https://user-images.githubusercontent.com/554369/197357417-2d407aac-8969-44d3-8250-eea45df79d57.mov
167-
168-
169-
170-
171-
</details>

0 commit comments

Comments
 (0)