barba
tetra
barba | tetra | |
---|---|---|
11 | 17 | |
11,451 | 513 | |
0.8% | - | |
8.0 | 0.0 | |
11 days ago | about 1 year ago | |
TypeScript | Python | |
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
tetra
-
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.
-
Unicorn – A full-stack web framework for Django
Unicorn is awesome, and I think most would agree that it's the Django communities answer to Livewire/Liveview/etc. Adam has built a brilliant project and the time he must dedicate to it is amazing!
Last year I had a month free and I had a go at building something for Django in this area, with a bunch of interesting ideas - built on Alpine.js, resumable server side component state, inline component templates. But sadly time is limited and I just can't spend the time needed to push it further. One day I may be able to pivot back to it: https://www.tetraframework.com/
-
Django 4.2 Released
There's a brilliant project called Django Unicorn that aims to be the equivalent of Laravel Livewire for Django. You should take a look.
https://www.django-unicorn.com/
That and HTMX + Alpine.js are a strong combination.
(I also had a bash at building a similar tool for Django called Tetra but unfortunately haven't had the time needed to commit to it: https://www.tetraframework.com)
- Ideal tech stack for future: Springboot+angular/react, MERN, .net core + angular/react, django/flask ?
-
Build a full-stack app with Tetra
Most full-stack applications separate frontend and backend code into distinct files; most web frameworks are built based on this structure. As the number of files and lines of code increases, it may increase the complexity of your codebase, thereby making it even more difficult to debug. The complexity caused by these separate files was minimized through the introduction of a framework called Tetra.
-
An SPA Alternative
One of my apps built on the Django+HTMX stack got traction and no matter how much I loved using HTMX, I found it’s not feasible to keep a clean codebase (facilitating new developers on the team as well) with this stack.
[Tetra](https://www.tetraframework.com/) might be an alternative if you’re hell-bent on not using React.
But, if you want to ship quick, have a maintainable codebase in a technology a lot of devs are familiar with and have the power to instantly have an app for mobile (and buy yourself some time to build one in React Native; code is going to be similar to React.js), I’d recommend using React.
You can use Capacitor.js for instantly shipping a mobile app with your codebase that “just works”. Use Capgo for affordable codepush and you’re set!
But then again, HTMX all the way if you’re not building an app cause not everything is an “app”. At the same time, if you’re building an app with a framework unlike Phoenix, I don’t see why would not go ahead and use a decent JS framework. It seems to be getting a lot of hate and I don’t understand if it’s because of the inability to learn React or what.
- The next big python module: Which libraries are you missing?
-
Is there a Turbo Links or Livewire alternative for Django?
tetra
-
Golang Web Framework that works hand in hand with Alpine.js
Recently I found a web framework the sits on top of Django and is specifically designed to work with Alpine.js (tetraframework.com). What makes it stand out is that HTMX or Hotwire isn't needed, as Tetra takes care of it. (discussion on ycombinator)
- Tetra – Full stack reactive component framework for Django using Alpine.js
What are some alternatives?
anime.js - JavaScript animation engine
bud - The Full-Stack Web Framework for Go
js-loading-overlay - Display loading overlay/spinner for your application easily and beautifully.
paperclips - Universal Paperclips mirror
particles.js - A lightweight JavaScript library for creating particles
meta - Meta discussions and unicorns. Not necessarily in that order.
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
dotdrop - Save your dotfiles once, deploy them everywhere
animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
django-unicorn - The magical reactive component framework for Django ✨
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
cog - Micro Graph Database for Python Applications