lottie-web
decap-cms
Our great sponsors
- Appwrite - The open-source backend cloud platform
- Onboard AI - Learn any GitHub repo in 59 seconds
- InfluxDB - Collect and Analyze Billions of Data Points in Real Time
lottie-web | decap-cms | |
---|---|---|
30 | 75 | |
29,112 | 17,145 | |
0.6% | 1.0% | |
8.2 | 8.7 | |
20 days ago | 5 days ago | |
JavaScript | JavaScript | |
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.
lottie-web
-
Lottie under the hood
contribute If you have the knowledge and skills, contributing to the project directly is another valuable way to assist. However, keep in mind that contributing can be challenging if you're not familiar with animation basics and the lottie format. That's precisely what this article aims to address!
-
Top 10+ Best React Native UI Components for Mobile App Development
GitHub Stars: 24.1k
-
How the hell is this done?
They are using this https://github.com/airbnb/lottie-web which indicates they might have used Adobe After Effects for the animations.
-
I have a deep knowledge of Adobe After Effects. Would i be able to apply this to Web development?
Not sure why its not linked on that page, but here is the official web player from the Airbnb team: https://github.com/airbnb/lottie-web
-
Show HN: Motion One, the Web Animations API for Everyone
The lack of format documentation is an obstacle to both of those: https://github.com/airbnb/lottie-web/issues/575
-
18 amazing 🤩 GitHub repositories that will help you 🪄 make a beautiful project
Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile!
-
I saw this Netflix Series called : How to sell d**gs online fast and I saw this cool website that was shown. Can someone explain what is happening here and can it be replicated or is it just Netflix Magic. Thank you
Check this out for using After Effects animations in the web
-
Lottie animations I did for a website (+ some "behind the scenes" from AE)
Also something I didn't know is you can add CSS selectors to any layers (you can like change the color during runtime) link
Here is the doc on github https://github.com/airbnb/lottie-web. I Use bodymovin to export from After Effects https://aescripts.com/bodymovin/
-
Bodymovin effect export to .json
According to the supported features and the forums, it's not supported. You might want to ask the creators via GitHub.
decap-cms
-
Casidoo on TinaCMS
Did you consider https://decapcms.org/ (previously Netlify CMS)? I'm surprised it never really caught on as it seems a good fit for most small Markdown based sites. Looks like Smashing Magazine was using it before they moved to Tina CMS (https://www.smashingmagazine.com/2020/01/migration-from-word...).
-
The theory versus the practice of “static websites”
Products like [decap CMS](https://github.com/decaporg/decap-cms) try to bridge that gap, but I agree that this space needs to be further developed. In fact I think there needs to be a bunch more work to allow mere mortals to use version control and branch workflows in day to day work.
-
How to build a website without frameworks and tons of libraries
I've thought of something similar! A git-based flow for a friend's static portfolio site, where he can make text edits and upload images, and the site builds that content with HTML templates.
Not sure how the GitHub markdown editor would feel for the user. It might be really great, even for uploading images.
I was imagining a static admin page, WYSIWYG, that makes git pushes on submit. These were the headless CMSs that seem to be able to accomplish that:
And not git based, but similar idea: https://editable.website/
And this is what the admin edit page usually looks like: https://quick-edit-demo.vercel.app/admin/index.html#/collect...
But was taking a bit of work to configure.
-
Looking for a statically deployed site-builder / CMS that stores content in GitHub
Since I made my post, I've also discovered Decap CMS. This looks fairly close to what I was looking for - it deploys as a static SPA alongside the site on a /admin route, allows login with Github (and several other platforms), and builds the site using a choice of static site generator like Gatsby/Hugo/Jekyll etc. The templates are relatively rigid by default though - page layouts are defined up front, and to add a page with a different layout you need to manually add some files to the repo. It seems like there's a way to work around this and add flexibility, but it needs a bit of custom React development. It seems like this might be worth the time investment for me though, since it's the closest thing I've found to what I need so far.
-
Suggestions for a CMS
If you've got the content in .md and .json files and you just need a way to add or modify that content, I would recommend you look into decap CMS (formerly netlify CMS)
- Best CMS/SSG for small business website?
-
Engineers who have a personal website/blog, what are you using to host/generate it?
My wife has a similar setup for her blog, 11ty for generation. But, she uses Netlify CMS (now Decap CMS). It's a CMS for static sites that, basically, commits from an editor in an admin section of your site back to your git repository.
-
Fastest way to get a great fast-loading site up?
Some common contenders are 11ty, hugo, astro, sveltekit (in SSG mode) etc... These can usually be hosted easily with netlify or vercel. These do not come with a CMS, so you may need to use a headless cms like ghost or wordpress (possible to run headless), or manage the content directly through markdown files, or use a cms like decapcms or tina that manages the files.
- Minimum Viable Hugo – No CSS, no JavaScript, 1 static HTML page to start you off
-
Self-hosting Netlify CMS
I've used Ghost CMS in the past, but when setting up my personal blog I wanted more control over my content. Netlify CMS looked like a great way of editing markdown files stored in a git repository, but wasn't very easy to self-host (outside of Netlify).
What are some alternatives?
lottie-player - Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player
Strapi - 🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.
tinacms - A fully open-source headless CMS that supports Markdown and Visual Editing
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
sanity - Sanity Studio – Rapidly configure content workspaces powered by structured content
firecms - Awesome Firebase/Firestore-based CMS. The missing admin panel for your Firebase project!
Directus - The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.
react-lottie-player - Fully declarative React Lottie player
Lottie for Android, iOS, and React Native - Render After Effects animations natively on Android and iOS, Web, and React Native
three.js - JavaScript 3D Library.
Lottie - An iOS library to natively render After Effects vector animations