• Stars
    star
    577
  • Rank 74,474 (Top 2 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created about 5 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🎬 Scena is a component that represents the timeline of Scene.js. You can control time, properties, and items.

Scena Studio

npm version React

Scena is a Editor project that represents the timeline of Scene.js
You can control time, properties, and items.

(Test Image)

Scena Components

scenejs Moveable Selecto
Scene.js Moveable Selecto
scenejs-timeline Guides scenejs-timeline
InfiniteViewer Guides Scene.js
Timeline
Ruler Gesto Overlap-Area
Ruler Gesto OverlapArea
Repository Version Description
Scene.js 🎬 Scene.js is JavaScript & CSS timeline-based animation library.
Scene.js Timeline A library that represents the timeline of Scene.js. You can control time, properties, and items.
Moveable Moveable is Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable!
Selecto Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.
Guides A Guides component that can draw ruler and manage guidelines.
Ruler A Ruler component that can draw grids and scroll infinitely.
KeyController Keyboard Controller
Gesto You can set up drag, pinch events in any browser.
InfiniteViewer Infinite Viewer is Document Viewer Component with infinite scrolling
CSS Styled This component is a lightweight, simple line style component.
Overlap Area Find the Overlap Area.

External Components

  • @egjs/agent: Extracts browser and operating system information from the user agent string or user agent object(userAgentData).
  • @egjs/list-differ: A module that checks the diff when values are added, removed, or changed in an array.
  • gl-matrix: Use mat4 functions.
  • react-color: A Collection of Color Pickers from Sketch, Chrome, Github, more

⭐️ Show Your Support

Please give a ⭐️ if this project helped you!

👏 Contributing

If you have any questions or requests or want to contribute to scena or other packages, please write the issue or give me a Pull Request freely.

🐞 Bug Report

If you find a bug, please report to us opening a new Issue on GitHub.

Sponsors

📝 License

This project is MIT licensed.

MIT License

Copyright (c) 2016 Daybrush

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

More Repositories

1

moveable

Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!
TypeScript
7,799
star
2

scenejs

🎬 Scene.js is JavaScript & CSS timeline-based animation library
TypeScript
2,441
star
3

selecto

Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.
TypeScript
1,280
star
4

guides

A Guides component that can draw ruler and manage guidelines.
TypeScript
240
star
5

ruler

A Ruler component that can draw grids and scroll infinitely.
TypeScript
221
star
6

scenejs-timeline

🎬 @scenejs/timeline is a component that represents the timeline of Scene.js. You can control time, properties, and items.
TypeScript
150
star
7

infinite-viewer

Infinite Viewer is Document Viewer Component with infinite scrolling.
TypeScript
143
star
8

scenejs-render

🎬 Make a movie of CSS animation through scenejs.
HTML
117
star
9

gesto

You can set up drag, pinch events in any browser.
TypeScript
74
star
10

overlap-area

Find the Overlap Area.
TypeScript
42
star
11

scenejs-effects

🎬 ✨ Effect collection library where you can add effects with Scene.js.
TypeScript
36
star
12

figur

Make SVG Polygon & Star Shape
TypeScript
28
star
13

keycon

Keyboard Controller
TypeScript
25
star
14

drag

You can set up drag events in any browser.
TypeScript
18
star
15

react-folder

A React Folder component that can fold, sort, and move lists.
TypeScript
15
star
16

moveable-helper

TypeScript
10
star
17

scenejs-media

🎬 A library for playing or controlling media
TypeScript
10
star
18

css-styled

⚖️ This component is a lightweight, simple line style component.
TypeScript
10
star
19

utils

utils for daybrush
TypeScript
9
star
20

framework-utils

utils for framework
TypeScript
8
star
21

dragscroll

TypeScript
7
star
22

daybrush.github.io

Daybrush https://daybrush.com
TypeScript
7
star
23

css-to-mat

TypeScript
6
star
24

ast-parser

ast parser
JavaScript
6
star
25

builder

JavaScript
6
star
26

egjs-infinitegrid

A module used to arrange card elements including content infinitely on a grid layout.
TypeScript
6
star
27

css

5
star
28

matrix

TypeScript
5
star
29

scenejs-iframe

🎬 A library that control the animation of iframe with scenejs
TypeScript
5
star
30

tester

JavaScript
3
star
31

print-sizes

Prints a list of files in the directory.
JavaScript
3
star
32

data-dom

TypeScript
3
star
33

react-simple-compat

Simple React for compatible use
TypeScript
3
star
34

rollup-plugin-preact

Rollup Plugin for Preact Compat
JavaScript
3
star
35

order-map

TypeScript
3
star
36

keyframer

Make the CSS Keyframes the keyframes object.
TypeScript
3
star
37

fjx

fjx is an functional javascript extension. Support Typescript
TypeScript
2
star
38

pure-props

compare only the props. If the state does not change, do not re-render.
JavaScript
2
star
39

vue-test

TypeScript
2
star
40

pvu

JavaScript
2
star
41

list-map

📋 A list-map collection in the form of key, value, that ensures the index.
TypeScript
2
star
42

rollup-plugin-react-compat

JavaScript
2
star
43

code-converter

TypeScript
1
star
44

scenejs-server

JavaScript
1
star
45

page

You can check the page in and out of the screen.
TypeScript
1
star
46

daylightjs

daylightJS
JavaScript
1
star
47

project

JavaScript
1
star
48

movable

You can add a movable element
1
star
49

daybrush

1
star
50

codepen

JavaScript
1
star
51

print-coveralls

print-coveralls
JavaScript
1
star
52

test-server

test
HTML
1
star
53

movable-angular-error

TypeScript
1
star
54

release

JavaScript
1
star
55

redux

JavaScript
1
star
56

demo

JavaScript
1
star