barba
Create badass, fluid and smooth transitions between your website’s pages (by barbajs)
caniemail
Can I email… Support tables for HTML and CSS in emails. (by hteumeuleu)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
| barba | caniemail | |
|---|---|---|
| 11 | 36 | |
| 11,451 | 759 | |
| 0.8% | - | |
| 8.0 | 9.1 | |
| 11 days ago | 13 days ago | |
| TypeScript | HTML | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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
Posts with mentions or reviews of barba.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-04-16.
-
🤯 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
caniemail
Posts with mentions or reviews of caniemail.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-05-06.
- Caniemail.com (like caniuse but for email content)
-
🤯 Keep Up With these 50 Articles
Can I email? (https://www.caniemail.com/) by Tilt Studio Yes you can unless you won't.
-
Modern email design for web designers
Another client to test for is Google Mail, which can be done with a Gmail.com account. And Apple Mail, on any Apple device. Apple Mail provides the best email rendering so you don't even really need to worry about it much if you're covering the other two. But these three make up the main ones you should test for. And for checking compatibility of specific code, caniemail.com is an essential tool to use.
-
Effective email HTML and image handling
To our dismay, major platforms like Gmail do not support flexbox align-items, and there are no plans to include support for SVG (and don't get me started with outlook's desktop app, where even basic styles go very wrong). You can refer to an illustrative guide of what you can or can't do across email providers on Caniemail.
- Can I email – like caniuse.com but for email clients
-
HTML
Check out https://www.caniemail.com to see what tags are supported and the email client options to watch for.
- Gmail HTML Signature Woes and Befuddlement
-
Learn serverless on AWS step-by-step - Emails
Be careful when using CSS, some properties like flex ⚠️ are not supported by all email clients. You can check this website to see which properties are supported by which email clients. Another solution is to use a CSS framework that will do the hard compatibility work for you. I use MJML, in my in-depth article about SES, I explain how to use it to create responsive emails.
- Can I Email
- Are there any Windows email clients that will send out custom (responsive) HTML emails without changing the code?
What are some alternatives?
When comparing barba and caniemail you can also consider the following projects:
anime.js - JavaScript animation engine
caniuse - Raw browser/feature support data from caniuse.com
js-loading-overlay - Display loading overlay/spinner for your application easily and beautifully.
parsemail - Hanami fork of https://github.com/DusanKasan/parsemail
particles.js - A lightweight JavaScript library for creating particles
Cerberus - A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail.
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
help - The help website/knowledgebase (bitwarden.com/help).
animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
CSS Layout - A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
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
HEAD - A simple guide to HTML <head> elements