A small animation for explaining matrix events
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
MTRNord 6e57826fc4
Run prettier and add editorconfig
2 weeks ago
.github/previews Update preview 2 weeks ago
src Run prettier and add editorconfig 2 weeks ago
.editorconfig Run prettier and add editorconfig 2 weeks ago
.eslintrc.cjs Run prettier and add editorconfig 2 weeks ago
.gitignore Initial animation 2 weeks ago
.prettierignore Run prettier and add editorconfig 2 weeks ago
.prettierrc.json Run prettier and add editorconfig 2 weeks ago
LICENSE Add LICENSE 2 weeks ago
README.md Improve blurhash part 2 weeks ago
package-lock.json Add prettier and eslint, use state to save previous versions of elements 2 weeks ago
package.json Run prettier and add editorconfig 2 weeks ago
tsconfig.json Run prettier and add editorconfig 2 weeks ago
vite.config.ts Run prettier and add editorconfig 2 weeks ago

README.md

Matrix Events Animation

The goal of this animation is to explain how different event types are rendered in matrix and how the different fields influence the result.

Event types

  • Text Events
  • Image Events
  • File Events
  • Audio Events
  • Video Events
  • Encrypted Events?
  • Sticker Events
  • Emote Events
  • State events
    • Powerlevel events
    • Room Metadata (title, avatar and topic) events
  • Invalid Events

Preview

Unable to load video