Beautiful Code
Posts
🥚 Holy Week – Beautiful Code #32

🥚 Holy Week – Beautiful Code #32

No personal updates this week, just work work and more work – just a bunch of interesting websites, tools, resources and code snippets for you! I hope you enjoy with it this week.

Marc Taulé
April 17th, 2025

Hey! It’s Marc 👋

How are you?

No personal updates this week, just work, work and more work – just a bunch of interesting websites, tools, resources and code snippets for you! I hope you enjoy with it this week 😊

If you're new here, let me quickly explain what Beautiful Code is all about. 👇

What can I expect from Beautiful Code?
Every week, you'll receive:
😍 3 awesome websites for inspiration
🔨 3 tools and resources that can help grow your products
🤖 3 code snippets ready to be used in your projects
😂 1 meme to add a bit of humor to our world

Before we continue I want to remind you that you can support Beautiful Code buying me a coffee ☕️ I love good coffee! 😍

😍 Websites

🔨 Tools & Resources

1. Firebase Studio

Firebase Studio is a cloud-based development environment introduced by Google that enables developers to build full-stack applications directly in the browser. Leveraging Gemini AI, it assists in coding, debugging, testing, and documenting, streamlining the development process. Users can import existing repositories or start new projects using natural language prompts, mockups, or templates. The platform supports various programming languages and frameworks, offering built-in previews, emulators, and deployment options to Firebase Hosting, Cloud Run, or custom infrastructures. Currently in preview, Firebase Studio provides three free workspaces, with up to 30 available for members of the Google Developer Program.

👉 Check it out

2. Flicking

Flicking is an open-source carousel library developed by NAVER, designed for creating flexible and performant sliders and carousels. It supports various frameworks, including React, Vue, Angular, Svelte, and Preact, and is compatible with server-side rendering frameworks like Next.js and Nuxt.js. Built entirely in TypeScript, Flicking offers a rich API and plugin system, enabling developers to implement features such as autoplay, parallax effects, and fade transitions. It also supports older browsers like Internet Explorer 9 with appropriate polyfills. Flicking is suitable for a wide range of applications, from simple image sliders to complex, interactive carousels.

👉 Check it out

3. Gradii

Gradii is a free online tool that allows you to create modern, customizable gradient backgrounds for your website or app quickly and without the need for registration. The latest version, v0.5 BETA, introduces smoother gradients, enhanced color control, and additional font and text options.

👉 Check it out