Вот некоторые тенденции веб-дизайна на 2021 год и примеры кода:

1. Темный режим.
   Темный режим придает веб-сайтам стильный и современный вид. Вы можете реализовать это с помощью медиазапросов CSS и механизма переключения:

   <style>
    body {
      background-color: white;
      color: black;
    }
    @media (prefers-color-scheme: dark) {
      body {
        background-color: black;
        color: white;
      }
    }
   </style>

2. Номорфизм.
   Неоморфизм – это стиль дизайна, создающий вид мягкого экструдированного пластика. Этого эффекта можно добиться, используя свойства CSS box-shadow и background:

   <style>
    .neumorphic-element {
      background-color: #f0f0f0;
      box-shadow: 10px 10px 20px #c4c4c4, -10px -10px 20px #ffffff;
    }
   </style>
   <div class="neumorphic-element">
    <!-- Content goes here -->
   </div>

3. 3D-иллюстрации.
   Добавление 3D-иллюстраций на ваш веб-сайт может создать захватывающий пользовательский опыт. Вы можете использовать такие библиотеки, как Three.js, для создания 3D-сцен:

   <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script>
   <script>
    // Create a scene
    const scene = new THREE.Scene();
    // Add objects, lights, and camera to the scene
    // Render the scene
    const renderer = new THREE.WebGLRenderer();
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);
    renderer.render(scene, camera);
   </script>

4. Микровзаимодействия.
   Микровзаимодействия — это небольшие, незаметные анимации, обеспечивающие обратную связь и улучшающие взаимодействие с пользователем. Вы можете использовать анимацию CSS или библиотеки JavaScript, такие как Anime.js:

   <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
   <div id="microinteraction-element">Hover me</div>
   <script>
    const element = document.getElementById('microinteraction-element');
    element.addEventListener('mouseover', () => {
      anime({
        targets: element,
        translateY: 10,
        duration: 500,
        easing: 'easeInOutQuad',
      });
    });
    element.addEventListener('mouseout', () => {
      anime({
        targets: element,
        translateY: 0,
        duration: 500,
        easing: 'easeInOutQuad',
      });
    });
   </script>

5. Минимализм.
   Минималистичный дизайн ориентирован на простоту и чистоту макетов. Этого можно добиться, используя большое количество пробелов, минималистичные цветовые схемы и краткое представление контента.

Это всего лишь несколько тенденций веб-дизайна на 2021 год. Помните, что тенденции могут меняться со временем, поэтому важно оставаться в курсе и адаптироваться к новым подходам к дизайну.