leva
dat.gui
leva | dat.gui | |
---|---|---|
11 | 13 | |
4,627 | 7,320 | |
1.6% | 0.6% | |
1.5 | 0.0 | |
14 days ago | about 1 month ago | |
TypeScript | JavaScript | |
MIT License | Apache License 2.0 |
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.
leva
-
A lightweight GUI library for Angular
I created a GUI library, it's very useful for the visual editor and it can be very easy to generate config panel for options. If you don't know about GUI library, maybe you can checkout some other famous open source project ( dat.gui, tweakpane, leva).
-
Leva.cljs: Reagent interface to the Leva declarative GUI library
Hey all! I'm writing to announce v0.1.0 of Leva.cljs. This library provides a Reagent interface to the Leva declarative GUI library. These panels can sync bidirectionally to a stateful atom or cursor. Please give the library a try via the interactive documentation notebook written with Nextjournal's Clerk. Clojars: https://clojars.org/org.mentat/leva.cljs Github: https://github.com/mentat-collective/leva.cljs cljdoc: https://cljdoc.org/d/org.mentat/leva.cljs/0.1.0 Interactive docs: https://leva.mentat.org
- Best gui library for react 3 fiber (besides dat.gui)?
-
Migrating my Gatsby MDX blog to AstroJS (and why you shouldn't)
For the post processing I used @react-three/post-processing components, and to get the look just right I created a debug panel using Leva to adjust some values (like bokeh blur).
- I made this shader inspired by stripe.com
-
React Three Fiber and NextJS Starter Template
๐ Leva panel for debugging
-
Just rewrote my Custom-Shader-Material to work with react-three-fiber. It lets you extend the default materials provided by ThreeJS with your own shaders! Demo in comments!
Thanks! And nope, itโs something even better - Leva
-
Flow-field.js โ A library for generating flow fields
The GUI library that demo uses is pretty slick: https://github.com/pmndrs/leva
-
How to reproduce Death Stranding UI with react and react-three-fiber
Donโt hesitate to put every configuration variable (columns, lines, layers, spacing โฆ) for this grid in a tool like leva to make it look like what you want.
- Show HN: A GUI you are going to lava
dat.gui
-
A lightweight GUI library for Angular
I created a GUI library, it's very useful for the visual editor and it can be very easy to generate config panel for options. If you don't know about GUI library, maybe you can checkout some other famous open source project ( dat.gui, tweakpane, leva).
-
Atomic orbitals viewer
I have looked into the text box issue. I am using a listener on the sliders that update them when switching to a different orbitals. This listener deactivate the ability to change the number in the text box directly. It seems to have been notified already but was never fixed: https://github.com/dataarts/dat.gui/issues/206
-
Advice on improving my workflow
In the javascript world, I'd use console logging or dat.gui to solve this problem, but I don't know where to start looking in swift/swiftui or xcode.
-
Use Three.js to achieve a cool cyberpunk-style 3D digital earth screen ๐
[2]. https://github.com/dataarts/dat.gui/blob/master/API.md
-
Importing bundled version of dat.gui not found
I am trying to install a bundled version of dat.gui so I can use it client side: https://github.com/dataarts/dat.gui
-
Sliderland โ Creative coding with 64 HTML sliders
Fun and simple, nice. I'd love to see the raw values presented using something like dat.gui, as well as basic play/pause/step controls.
https://github.com/dataarts/dat.gui
-
How to Make a Pure CSS 3D Package Toggle
Before we ditch the use of dat.gui in our demo, letโs have a play with the size of our package. We want to check that our package remains centered while folding and flipping. In this demo, the package has a larger --height and the .scene has a dashed border.
-
Is it possible to check if a dat.gui interface is being interacted with?
I was wondering if you could check if a dat.gui interface is being interacted with. I have a hold and drag behaviour in my code that let's me rotate the camera. But there is a situation where I try to change a value in my interface by holding and dragging a sidebar and the camera rotates too.
-
Coming soon
Viewing the source for both pages shows a completely different build structure. toolband.com also has the developer name at the top of the file where as tool.army has none of that. The javascript files used are easily found using Google.
-
Short demo of how I have been skinning ships
Gui: dat.gui (temporary until I make a proper one)
What are some alternatives?
react-three-fiber - ๐จ๐ญ A React renderer for Three.js [Moved to: https://github.com/pmndrs/react-three-fiber]
imgui - Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies
valtio - ๐ Valtio makes proxy-state simple for React and Vanilla
form - jQuery Form Plugin
gltfjsx - ๐ฎ Turns GLTFs into JSX components
card - :credit_card: make your credit card form better in one line of code
zustand - ๐ป Bear necessities for state management in React
Joplin - Joplin - the secure note taking and to-do app with synchronisation capabilities for Windows, macOS, Linux, Android and iOS.
awesome-react-three-fiber - ๐ A loose collection of cool r3f links, gifs, people, stuff
analytics - Lightweight analytics abstraction layer for tracking page views, custom events, & identifying visitors
gltf-pipeline - Content pipeline tools for optimizing glTF assets. :globe_with_meridians:
Countable - Add live paragraph-, word- and character-counting to an HTML element.