barba
phoenix_live_view
barba | phoenix_live_view | |
---|---|---|
11 | 30 | |
11,432 | 5,749 | |
0.7% | 0.5% | |
8.0 | 9.8 | |
5 days ago | 9 days ago | |
TypeScript | Elixir | |
MIT License | 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.
barba
-
🤯 Keep Up With these 50 Articles
Create badass, fluid and smooth transitions between your website's pages (https://barba.js.org) by Thierry Michel, Xavier Foucrier, Luigi De Rosa This one is really good - just the minimum API to make these transitions so good.
- Barba.js – Create fluid and smooth transitions between your website's pages
-
Coming to grips with JS: a Rubyist's deep dive
Sure, you can use any number of JS-avoidance libraries. I'm a fan of Turbo, and there's also htmx, Unpoly, Alpine, hyperscript, swup, barba.js, and probably others.
-
Seamless Transition Using Highway.js/Barba.js
It's using Highway.js or Barba.js I am not using any framework on this project.
- Animated transitions between sections
-
How would you make this page transition?
Have a look at https://barba.js.org or https://youtu.be/fBU4mLX45HU
-
Does anyone know of a method of auto-preloading all pages within a website and dynamically replace the body HTML in the dom with the preloaded page content?
barba.js
- BARBAJS - THREEJS : Meshes disappear after barbajs transition
-
Smooth Page Transitions in 2023
i think these statistics are not a good guide - it says that barba was last updated 6 years ago, while the last update was actually 17h ago
- Barba.js – Create fluid and smooth transitions between your website’s pages
phoenix_live_view
-
Coming to grips with JS: a Rubyist's deep dive
Then there are stack-specific libraries: StimulusReflex for Rails, Phoenix LiveView, Laravel Livewire, Unicorn and Tetra for Django, Blazor for .NET, … and the list goes on.
- O que faz uma linguagem ser boa?
-
Undead - LiveViews for the JVM
I came across this pretty interesting library on Hacker News that tries to implement LiveView on the JVM. Link to GitHub.
-
Show HN: Podsee – AI tool for podcast listeners
Hi everyone, I just launched Podsee(https://pods.ee) for podcast listeners, lovers. You can search and listen to podcasts at Podsee. What makes it different is that you can get the AI transcript for an episode.
It started as a side project after I resigned my job one year ago. As a programmer, I love Elixir (http://elixir-lang.org/) and Phoenix LiveView(https://github.com/phoenixframework/phoenix_live_view), and want to make a product with it. So I build Podsee.
I'm planning to add more AI features to it, like summarize the episode audio, episode to comics, etc.
I'd love to invite you all to try out the product and would appreciate hearing your feedback! Thanks!
- Phoenix LiveView new release 0.19
-
Real-time tracking web app
Phoenix LiveView
-
Ask HN: What companies are embracing “HTML over the wire”?
"HTML over the wire" generally refers to tech like [0] Liveview, [1] Hotwire, [2] LiveView, [3] Blazor, etc. They aren't about about ditching JS and more about not writing your HTML in JS (and yes, SSR).
[0] https://github.com/phoenixframework/phoenix_live_view
-
Alpine.js
* https://github.com/phoenixframework/phoenix_live_view
-
Phoenix 1.7 is View-less
Some of the 1.7 stuff has an alert banner that pops up when the connection is broken. I think that could really help.
However I haven't put that in our app as I have seen other issues of flakey connection reconnect issues, and I would hate to make any of those more visible with a flashing notice.
- https://github.com/phoenixframework/phoenix_live_view/issues...
-
What did I miss?
HEEx template language was created, an extension to EEx
What are some alternatives?
anime.js - JavaScript animation engine
Svelte - Cybernetically enhanced web apps
js-loading-overlay - Display loading overlay/spinner for your application easily and beautifully.
htmx - </> htmx - high power tools for HTML
particles.js - A lightweight JavaScript library for creating particles
hotwire-rails - Use Hotwire in your Ruby on Rails app
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
Blitz - ⚡️ The Missing Fullstack Toolkit for Next.js
animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
livewire - A full-stack framework for Laravel that takes the pain out of building dynamic UIs.
Scrawl-canvas - Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun
Phoenix - Peace of mind from prototype to production