{"id":93256,"date":"2026-04-19T22:27:29","date_gmt":"2026-04-20T03:27:29","guid":{"rendered":"https:\/\/www.bricktowntom.com\/blog\/?p=93256"},"modified":"2026-04-19T22:27:29","modified_gmt":"2026-04-20T03:27:29","slug":"getting-started-with-lottie-js","status":"publish","type":"post","link":"https:\/\/www.bricktowntom.com\/blog\/04\/getting-started-with-lottie-js.html","title":{"rendered":"Getting Started with Lottie.js"},"content":{"rendered":"<p><a href=\"https:\/\/www.sitepoint.com\/getting-started-with-lottie-js\/?utm_source=rss\" title=\"Getting Started with Lottie.js\" rel=\"nofollow\"><br \/>\n              <img data-recalc-dims=\"1\" decoding=\"async\" class=\"webfeedsFeaturedVisual\" style=\"margin: auto;margin-bottom: 5px;max-width: 100%\" src=\"https:\/\/i0.wp.com\/uploads.sitepoint.com\/wp-content\/uploads\/2022\/06\/1656484204lottie-opt.gif?w=993&#038;ssl=1\" alt=\"Lottie animation\" \/><br \/>\n            <\/a><br \/>\n            Getting Started with Lottie.js \u2013 LottieJS is a great animation platform, but what animation tool should you choose? Here are a few options.<\/p>\n<p>\n              Continue reading<br \/>\n              <a rel=\"nofollow\" href=\"https:\/\/www.sitepoint.com\/getting-started-with-lottie-js\/?utm_source=rss\">Getting Started with Lottie.js<\/a><br \/>\n              on <a rel=\"nofollow\" href=\"https:\/\/www.sitepoint.com\">SitePoint<\/a>.\n            <\/p>\n<p>Source: Site Point<\/p>\n<p id=\"kc_opp\"><small>Republished by  <a href=\"http:\/\/www.blogtrafficexchange.com\/\">Blog Post Promoter<\/a><\/small><\/p>","protected":false},"excerpt":{"rendered":"<p>Getting Started with Lottie.js \u2013 LottieJS is a great animation platform, but what animation tool should you choose? Here are a few options. &hellip;<\/p>\n","protected":false},"author":1,"featured_media":93257,"comment_status":"false","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[23511],"tags":[128],"class_list":["post-93256","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ebusiness-emarketing","tag-advantage"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/06\/1656484204lottie-opt.gif?fit=620%2C310&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p3k0YU-og8","jetpack-related-posts":[{"id":93044,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/the-best-javascript-css-animation-libraries-for-ui-designers.html","url_meta":{"origin":93256,"position":0},"title":"The Best JavaScript &amp; CSS Animation Libraries for UI Designers","author":"admin","date":"April 16, 2026","format":false,"excerpt":"Animation is a part of a UI designer's job. Here are 9 free animation libraries we think deliver the most power for the smallest file size, while being relatively easy to use for reasonably code-savvy designers that aren't full-blown developers. Continue reading The Best JavaScript & CSS Animation Libraries for\u2026","rel":"","context":"In &quot;E-business &amp; E-marketing&quot;","block_context":{"text":"E-business &amp; E-marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/ebusiness-emarketing"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/06\/1570509959J_0238-03-copy.jpg?fit=1200%2C562&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/06\/1570509959J_0238-03-copy.jpg?fit=1200%2C562&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/06\/1570509959J_0238-03-copy.jpg?fit=1200%2C562&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/06\/1570509959J_0238-03-copy.jpg?fit=1200%2C562&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/06\/1570509959J_0238-03-copy.jpg?fit=1200%2C562&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":93593,"url":"https:\/\/www.bricktowntom.com\/blog\/03\/8-free-templates-for-creating-memorable-openers-in-after-effects.html","url_meta":{"origin":93256,"position":1},"title":"8 Free Templates for Creating Memorable Openers in After Effects","author":"admin","date":"March 31, 2026","format":false,"excerpt":"A high-quality opener can really make a difference in your presentations, slideshows, and videos. With the right opener, you can reinforce your brand and generate more interest for your videos and presentations. Luckily, there are hundreds of free After Effects opener templates that you can use without creating them from\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/08\/adobe-after-effects-free-template-motion-design-opener-01.jpg?fit=900%2C500&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/08\/adobe-after-effects-free-template-motion-design-opener-01.jpg?fit=900%2C500&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/08\/adobe-after-effects-free-template-motion-design-opener-01.jpg?fit=900%2C500&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/08\/adobe-after-effects-free-template-motion-design-opener-01.jpg?fit=900%2C500&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":93511,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/15-free-logo-reveal-templates-for-adobe-after-effects.html","url_meta":{"origin":93256,"position":2},"title":"15 Free Logo Reveal Templates for Adobe After Effects","author":"admin","date":"April 24, 2026","format":false,"excerpt":"If you\u2019re looking to add professionalism to your branded videos and marketing campaigns, consider using an animated logo reveal. An animated logo can be a great way to stand out from the competition by capturing the attention of your audience as they scroll through their newsfeed. Luckily, you don\u2019t have\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/08\/adobe-after-effects-free-template-logo-reveals-18.jpg?fit=850%2C500&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/08\/adobe-after-effects-free-template-logo-reveals-18.jpg?fit=850%2C500&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/08\/adobe-after-effects-free-template-logo-reveals-18.jpg?fit=850%2C500&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/08\/adobe-after-effects-free-template-logo-reveals-18.jpg?fit=850%2C500&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":92668,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/weekly-news-for-designers-%e2%84%96-639.html","url_meta":{"origin":93256,"position":3},"title":"Weekly News for Designers \u2116 639","author":"admin","date":"April 6, 2026","format":false,"excerpt":"10 Tools & Resources for Building a WordPress Staging Site \u2013 Test software updates and experiment with your own staging environment. WeekToDo \u2013 Check out this privacy-focused free planner app for Windows, macOS, Linux, and your browser. 33 JavaScript Concepts Every Developer Should Know \u2013 A handy reference of concepts\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"Envato Elements","src":"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2019\/08\/envato-elements-weekly-news.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":93617,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/8-css-javascript-snippets-for-creating-outstanding-noise-effects.html","url_meta":{"origin":93256,"position":4},"title":"8 CSS &amp; JavaScript Snippets for Creating Outstanding Noise Effects","author":"admin","date":"April 22, 2026","format":false,"excerpt":"Noise effects are incredibly versatile. They can help establish a look that\u2019s either retro or futuristic. And they also offer an easy way to add personality to any design element. Items such as text, images, and backgrounds can all be enhanced with this grainy and sometimes glitchy effect. Thus, it\u2019s\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":92640,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/8-awesome-animated-backgrounds-built-with-css-javascript.html","url_meta":{"origin":93256,"position":5},"title":"8 Awesome Animated Backgrounds Built with CSS &amp; JavaScript","author":"admin","date":"April 29, 2026","format":false,"excerpt":"In web design, animation is often used as a way to draw attention. Movement compels users to focus on a specific element \u2013 such as a button or an image. But animation can also be used in more subtle ways. Animated backgrounds, for example, often forego the bells and whistles\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/comments?post=93256"}],"version-history":[{"count":1,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93256\/revisions"}],"predecessor-version":[{"id":93279,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93256\/revisions\/93279"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/media\/93257"}],"wp:attachment":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/media?parent=93256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/categories?post=93256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/tags?post=93256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}