Coming soon

This is Smarative, a brand new site by Tri that's just getting started. Things will be up and running here shortly, but you can subscribe in the meantime if you'd like to stay up to date and receive emails when new content is published!

5 Easy Ways to Customize Framer Templates for Stand Out Business Consultants

Practical Framer template customizations, like interactive case studies and testimonial sliders to attract clients and stand out.

Boost Your Dev Workflow: Turning Media Chaos into Productivity Wins

Discover how apps like Permute, Clop, and CleanShot streamline media handling for frontend engineers. Optimize images, screenshots, and videos to enhance UI/UX in Webflow, Framer, or Figma—perfect for indie hackers building high-converting SaaS landing pages with VS Code and vibe coding.

Frontend Fusion: AI Sparks Fly in Design & Dev!

Grab your coffee and let's dive into the electrifying world where AI meets frontend development, UI, and UX design. This week's newsletter dives into the hottest AI and tech developments shaking up our world—from Figma's brainy upgrades to coding sidekicks that make vibe

Best Framer Agency Templates for 2025: Free and Paid Picks to Inspire Your Next Site

Top picks for the most effective Framer agency templates in 2025. Free and paid options are perfect for agencies, along with tips to help you create an inspirational, client-winning site with ease.

Eagle App Review 2025: The Must-Have Tool for Organizing Web Design Assets

In our 2025 Eagle App review, we dive into how this powerful tool helps organize web design assets with drag-and-drop ease, HD downloads, and a cool plugin ecosystem. Perfect for fixing UI/UX pain points like quick asset retrieval. Boost your creativity today!

Dev Design Brew 008

Sip happens ☕, but how are you? 👋 A while back, I was scrolling through tech sites for inspiration, when I stumbled across Nominal's website. The crisp, light theme instantly caught my eye—it felt like stepping into a sci-fi control room, with every element so clean and purposeful. And

Your Guide to Creating a Landing Page with Framer

Are you having trouble making a landing page that turns visitors into customers? With digital marketing on the rise, a good landing page is key for business success online. So, what's one of the secret to a great landing page? There is right tools and methods. Framer is

Dev Design Brew 007

Futuristic landing page, jQuery attack, UX with optimistic UI and SWR, React useId hook, self-hosted Tembo, and lastly Zed now on Linux.

Dev Design Brew 006

I found two website inspirations that are super blown. I also share my quick tutorial for the SSH Docker container and list of useful tools.

Access SSH into Docker Container

Easy way to access SSH into specific Docker container.

Dev Design Brew 005

We had many web tech updates last week. I also shared a Coolify tutorial for WordPress installations. Also read about: design for task switching, T-shapes vs. V-shapes designers, visual testing, design engagement and integrating developer mindset.

How To Add phpMyAdmin and FTP to the Coolify Docker Compose

Here is how to add phpMyAdmin and FTP into the Coolify Docker compose.

Dev Design Brew 004

Dev Design Brew 004 newsletter update. I have curated a selection of content from Ruby in 100-seconds, a new way of CSS media queries, streaming HTML without Javascript, and also powerful open-source apps.

Granola - One of the Ways to Create Interactive Sections

Granola, an AI-powered meeting transcript app. Inspirations of its interactive section and sleek design, built with Next.js, Tailwind CSS, and Radix components. Explore customizable templates through engaging demos on a clean landing page.

Granola - Salah Satu Cara Membuat Bagian Interaktif

Granola, aplikasi transkrip rapat yang didukung AI. Inspirasi bagian interaktif dan desainnya yang ramping, dibuat dengan komponen Next.js, Tailwind CSS, dan Radix. Jelajahi templat yang dapat disesuaikan melalui demo menarik di halaman arahan yang bersih.

Picking the Right Email Signature Size

It is important to design a signature that is visually appealing and easy to read and navigate. Here is the best-size email signature.

How To Manage Multiple Elements In Figma Easy and Fast

Learn of techniques to manage multiple elements inside the Figma. Saving time and boosting productivity.

Bagaimana Install Ghost Pada Shared Hosting

Langkah mudah meng-install Ghost CMS pada shared hosting.

How To Use Pm2 For Ghost CMS As The Process Management

Keep your Ghost CMS running smoothly on shared hosting with PM2! Effortlessly monitor, restart, and manage multiple instances, ensuring continuous operation without superuser permissions. Explore how PM2 empowers you to maintain stability and efficiency, even in shared hosting environments.

5 Steps to Make Your Visuals Work for Your Website

Explore the crucial role of visual elements in captivating audiences and enhancing user experience. Discover how to make your website shine in the vast digital landscape, from creating captivating visuals to seamless navigation and SEO magic.

How To Make Flexbox Responsive When Using Gap

The efficient method to have a responsive flexbox when using gap. This way, the columns will stack horizontally according to the width assigned.

6 Best Tools To Make Content Outlining Much Easier

Content outlining is crucial in organizing ideas and structuring your website information. It helps you create a clear roadmap and makes visitors easier to stay focused and catch a coherent message. Here, we will explore various tools that can assist you in streamlining your content-outlining process. These tools will save

How to Opt-Out of Umami Analytic When Using WordPress

Opting out of Umami Analytics on WordPress made easy! Our simple guide walks you through the steps, keeping your site private and hassle-free. Perfect for WordPress owners who want privacy without the fuss.