plurid
okikio-native
Our great sponsors
plurid | okikio-native | |
---|---|---|
5 | 4 | |
21 | 93 | |
- | - | |
7.2 | 4.0 | |
4 months ago | 7 months ago | |
TypeScript | TypeScript | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
plurid
-
VisionOS
Been thinking since 2015 how to explore information as a 3D structure: plurid [1]. The stable library is for now only for React.
[1] https://github.com/plurid/plurid
-
Show HN: How to create a 3D space using CSS
Since 2015 I have been thinking how to explore information as a 3D structure. This thought has led to developing plurid [1], [2], a component library (for React for now) to transform a web page into a rotate-able/translate-able/scale-able space with the content on planes.
[1] Code, https://github.com/plurid/plurid
[2] Demo, https://www.youtube.com/watch?v=aV7MWFDVFkk
-
plurid'?
plurid' is an open-sourced software package to generate 3D user interfaces
-
Ask HN: Visualizing software designs, especially of large systems (if at all)?
I gave this a bit of thought earlier this year (https://alexanderell.is/posts/visualizing-code/) and, with the help of HN commenters, collected a small list of ways people are working to help with code visualization. I don't think most of them are production ready (some are just research papers), but you may find them interesting all the same.
SoftVis3D (https://softvis3d.com/): where a "‘code city’ view provides a visualization for the hierarchical structure of the project".
Code Park: A New 3D Code Visualization Tool (2017) (https://arxiv.org/pdf/1708.02174.pdf), a “novel tool for visualizing codebases in a 3D game-like environment” with code represented as “code rooms” with code on the walls.
Code Structure Visualization Using 3D-Flythrough (2016) (https://opus-htw-aalen.bsz-bw.de/frontdoor/deliver/index/doc...), with spatial metaphors and first-person exploration of code.
Primitive (https://primitive.io/), a VR collaboration startup with a Matrix-looking “Immersive Development Environment” with “new tools for visually analyzing software in 3D”.
AppMap (https://appland.com/docs/how-to-use-appmap-diagrams.html), an automated code analysis tool that includes dependency maps and trace views.
plurid (https://github.com/plurid/plurid), a framework for visualizing and debugging code in a 3D explorable structure.
fsn (file manager) (https://en.wikipedia.org/wiki/Fsn_(file_manager)), an experimental application to view a file system in 3D (featured in Jurassic Park).
- Plurid: Underframe to Render Information as a 3D Explorable Structure
okikio-native
-
Github Codespaces vs. Gitpod, an in-depth look
This example is based on one of my Github projects okikio/native, it's a good starting point for setting up a workspace for your own project.
-
anime.js alternatives - okikio-native and spring-easing
3 projects | 4 Aug 2021
@okikio/animate is a part of a mono repo called okikio/native. @okikio/animate is a powerful animation library based on the Web Animation API (WAAPI), it was inspired by animate plus, and animejs, and thus uses similar syntax, so, if you are used to those you will be able to start using @okikio/animate with little to no learning curve. I suggest reading the CSS-Tricks article about the library (https://css-tricks.com/how-i-used-the-waapi-to-build-an-animation-library/) as well checking out the more examples on demo in the @okikio/animate - examples & demos Codepen Collection (https://codepen.io/collection/rxOEBO).
-
@okikio/animate - animejs but built on the Web Animation API.
Read more about it on npm or Github.
-
Wtf Wednesday February 24 2021
Anyone wanna take a look at @okikio/native. It's An initiative which aims to make it easy to create complex, light-weight, and performant web applications using modern js api's.