lottie-web VS decap-cms

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!

GitHub Stars: 24.1k

They are using this https://github.com/airbnb/lottie-web which indicates they might have used Adobe After Effects for the animations.

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

The lack of format documentation is an obstacle to both of those: https://github.com/airbnb/lottie-web/issues/575

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!

Check this out for using After Effects animations in the web

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/

According to the supported features and the forums, it's not supported. You might want to ask the creators via GitHub.

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...).

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.

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:

https://www.siteleaf.com/

https://decapcms.org/

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.

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.

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)

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.

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.

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).