Tung Vu

/* -- The root styles must go in the element of the structure with the name "Menu". --*/

/* The styles are applying to the last menu item and giving it the button styles, you can change the background color value to the one you want instead of "var(--neutral)". */

.default-header__menu {
  /* Selecting only the children of "bricks-nav-menu". */
  .bricks-nav-menu > .menu-item {
    /* The styles will apply only to the child of the last element with the class "menu-item".  */
    &:last-child a {
      background-color: var(--neutral);
      color: var(--white);
      padding: var(--space-xs) var(--space-m);
      border-radius: var(--btn-radius);

      /* Button hover style */
      &:hover {
        background-color: var(--neutral-trans-90);
        color: var(--white);
      }
    }
  }
}

Tools

Long and Impressive Tagline

A curated list of my favorite tools and technologies for building, managing, and optimizing modern digital products and workflows.

Web Development

Automatic CSS

My essential CSS framework tool for Bricks Builder. Best used for out-of-the-box CSS classes and utilities.

Cropped acss icon boxed

Bricks Builder

Bricks Builder is my top Wordpress website builder. Love it for CSS support, flexibility, speed and clean code.

Bricks builder logo

Next Bricks

Next Bricks offers extra animations and interactive elements for Bricks Builder. Helps to elevate my websites.

Logo next bricks

UI/UX Design

Figma

Best in class UX tool. I use Figma for creating products flows and web design mocks.

Figma logo

Project Management

Notion

When I need nested data tables, Notion comes to rescue. Great tool for managing nested notes and tables.

Notion logo

Confluence

Confluence is my go to for team project documentation, wiki and FAQs.

Confluence (software) logo.wine

Jira

I use Jira for managing team's task. Great tool for tracking progress on goals, epics and individual tasks.

Jira logo

Programming

VS Code

VS Code is my choice for IDE environment. Love it for simplicity, and library of extensions.

Vs code logo

Productivity

Raycast

Raycast is a replacement to Spotlight for Mac. I use it for clipboard history, Lorem Ipsum generator, and other shortcuts.

Raycast logo

Warp

Warp is an amazing Terminal tool with an integrated AI assistant. Helps me be productive with terminal commands.

Warp terminal logo

Game Creation

Unreal Engine

My favorite engine to develop cinematic games. Visual coding language is a plus here.

Unreal engine logo.svg

Unity

Unity is my recommended engine for making small and mobile games. I enjoy its simplicity and capability. I made my first games with it.

Unity logo

AI

Grok

Grok is an amazing tool for websites research and people sentiment analysis on any current events.

Grok logo

ChatGPT

I consider ChatGPT to be all-purpose LLM tool. Great for general tasks, and increases my overall productivity.

Chatgpt logo

n8n

I self host n8n for my personal automation tasks with LLM models and create AI agents.

N8n logo new.svg
/* -- The root styles must go in the element of the structure with the name "Card". --*/

/* Cards container styles */
.tv-tech-card{
  /* Here you can change the width in pixels or percentage of the mask gradient on the sides of the container. */
  --tv-tech-card-transparency-size: 10%;

  /* Gradient mask styles in the image */
  .tv-tech-card__img-container{
    -webkit-mask-image: linear-gradient(to top, transparent, #000 var(--tv-tech-card-transparency-size));
    mask-image: linear-gradient(to top, transparent, #000 var(--tv-tech-card-transparency-size));
  }
}

Need help on your team?

Amazing Default Tagline

Whether you're solving problems for users, launching something new, or improving what already works—I can help you build products that are smarter, faster, and more enjoyable to use.

Contact