Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг (@sitodel)

23 сентября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Фотография
нажмите — покажем

✍️ Varela Round – шрифт со скругленными элементами букв, который подходит для экранных текстов и мелких заголовков. Пример использования можно посмотреть в сниппете Clean Toast Notification Сайтодел | #шрифт

2 · 887 · 17:56

24 сентября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Фотография
нажмите — покажем

✍️ Syne – геометрический шрифт, созданный в 2017 парижским арт-центром Synesthésie. Создатели экспериментировали с контрастностью и жирностью шрифта, чтобы вписать его в творческие проекты. Пример есть в дизайне Mid Mod Сайтодел | #шрифт

966 · 06:00

GIF
Video_230718212143.mp4 · 34 КБ · нажмите — покажем

💾 Tile Hover Multi-Button – варианты выпадающего меню для карточек. Можно менять цвет фона, иконок и количество элементов в левом верхнем углу. Сайтодел | #сниппет #css

8 · 925 · 19:50

25 сентября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Фотография
нажмите — покажем

3 · 1K · 08:47

26 сентября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Фотография
нажмите — покажем

🐙 Layui – бесплатная UI-библиотека с веб-компонентами для быстрого и легко создания интерфейсов. Фреймворк основан на принципах минимализма и содержит в себе только самое необходимое. Сайтодел | #репозиторий #github

8 · 1.1K · 05:21

28 сентября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Фотография
нажмите — покажем

2 · 885 · 10:46

Видео
Sitodel3.mp4 · 1.1 МБ · нажмите — покажем

💾 Image Grids Animation – анимация для картинок в виде сетки из скругленных рамок. Шаблон подстраивается под ширину каждого изображения. Сайтодел | #сниппет #css

9 · 799 · 18:20

Фотография
нажмите — покажем

2 · 753 · 21:13

29 сентября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Фотография
нажмите — покажем

✍️ Aston Script – каллиграфический шрифт с витиеватыми заглавными и строчными буквами. Пример использования можно посмотреть в заголовках макетов Colour Palettes/Moodboards Сайтодел | #шрифт

3 · 674 · 12:04

Фотография
нажмите — покажем

🐙 Transformers.js – библиотека, которая помогает обрабатывать естественный язык, генерировать и переводить тексты, классифицировать изображения, а также распознавать речь. Сайтодел | #репозиторий #github

9 · 750 · 13:55

30 сентября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Видео
Sitodel3.mp4 · 128 КБ · нажмите — покажем

💾 Signature Animation – поле ввода, которое превращает текст в имитацию рукописной подписи. Эффект работает только с латиницей. Сайтодел | #сниппет #css

5 · 662 · 16:00

Фотография
нажмите — покажем

🐙 Aos – библиотека анимаций для JavaScript, сокращенно от "Animate On Scroll". Она позволяет не только пользоваться готовыми анимациями скролла, но и кастомизировать их для любого проекта. Сайтодел | #репозиторий #github

14 · 593 · 19:31

1 октября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Фотография
нажмите — покажем

2 · 728 · 07:42

Фотография
нажмите — покажем

🐙 JSON Server – это библиотека с фейковыми REST API. Она поддерживает динамическую генерацию "баз данных", кастомную маршрутизацию и использование модулей. Сайтодел | #репозиторий #github

7 · 697 · 16:34

2 октября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Видео
Sitodel1.mp4 · 617 КБ · нажмите — покажем

💾 Cards – карточки, которые разворачиваются как книжка. В каждой из них есть анимированная кнопка и место для изображения. Сайтодел | #сниппет #css

7 · 629 · 07:02

3 октября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Видео
Sitodel2.mp4 · 427 КБ · нажмите — покажем

💾 Atom Preloader – сложный лоадер в форме атома с элементами, которые вращаются в разные стороны. Кольца крутятся как в одной плоскости, так и по собственной оси. Сайтодел | #сниппет #css

2 · 562 · 09:57

4 октября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Фотография
нажмите — покажем

INMYROOM — маркетплейс мебели для людей со вкусом 130 000+ товаров для дома. Мебель, свет, декор. Нас выбирают дизайнеры интерьера Узнать больше #реклама inmyroom.ru О рекламодателе

515 · 12:46

5 октября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

Фотография
нажмите — покажем

4 · 438 · 02:44

Фотография
нажмите — покажем

Гипотезы, метрики, пилоты: как запустить ИИ-продукт ⚡ Не знаете, как оценить ИИ-идею до разработки? Путаетесь в метриках и гипотезах? Присоединяйтесь к открытому уроку Игоря Зуриева и узнайте, как запустить ИИ-продукт от бизнес-гипотезы до первых измеримых результатов. 📅 8 октября в 20:00. Разберём: - Путь ИИ-продукта от идеи до запуска. - Как проверить бизнес-гипотезу до разработки. - Какие метрики успеха выбрать на старте. - Основные риски и ошибки, которых стоит избегать. Вы научитесь формулировать гипотезы и критерии успеха, оценивать перспективность идей и запускать пилоты без лишних рисков. ✅ Запишитесь сейчас и получите чёткую карту запуска ИИ-продукта! Узнать больше #реклама 16+ otus.ru О рекламодателе

436 · 04:16

Видео
Sitodel2.mp4 · 946 КБ · нажмите — покажем

💾 Alex the CSS Husky – анимация из нескольких элементов, написанная с помощью SCSS. Ее можно использовать для заголовка сайта или для страницы 404. Сайтодел | #сниппет #css

5 · 308 · 14:33

Фотография
нажмите — покажем

Обучайте команду: 2 курса в подарок — Я.Практикум Расширьте навыки команды без доплат. Получите 3 курса Яндекс Практикума по цене 1 Развивайте команду по трём направлениям — платите за одно. Так тоже можно. Оформите обучение в Практикуме для себя или сотрудников до 31 октября и получите бесплатно 2 курса: ✅ «Базовые навыки работы с ИИ» — о том, как применять ИИ в ежедневных рабочих задачах. ✅ «Экономика и бизнес-модель продукта» — о юнит-экономике и способах монетизации продуктов. Подберите обучение под любой запрос: в каталоге Практикума 180+ актуальных программ по ИИ, разработке, менеджменту, аналитике и другим направлениям. С нами уже сотрудничают 6000+ компаний. Начните и вы развивать команду с фокусом на бизнес-результат. Оставить заявку и получить бонусы Узнать больше #реклама 16+ practicum.yandex.ru О рекламодателе

186 · 18:26

6 октября 2026

Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

GIF
Video_230806223046.mp4 · 36 КБ · нажмите — покажем

💾 Order Button Animation – анимация, которая появляется после нажатия кнопки вместо лоадера. Когда заказ принят, кнопка возвращается обратно. Сайтодел | #сниппет #css

6 · 285 · 01:50

Видео
tmpeq3or26x.mp4 · 31.7 МБ · нажмите — покажем

Бесплатный курс по дизайну в FIGMA от Yudaev School Онлайн-программа с наставником и чатом. Внимание! 80% практики. ✅По результату обучения у вас будет портфолио из нескольких работ. ✅Сертификат о прохождении курса. ✅Возможность пройти полное обучение и получить карьерное сопровождение! Учитесь дизайну у профессионалов в Yudaev Shool. Переходи по кнопки: "Подробнее" и начинай свое обучение. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

260 · 04:30

Фотография
нажмите — покажем

✍️ REM – шрифт без засечек, который подходит для экранов устройств и брендинга продуктов. Пример можно посмотреть в сниппете "45 CSS Only Buttons" Сайтодел | #шрифт

1 · 249 · 04:49

Фотография
нажмите — покажем

Аренда VPS/VDS-сервера. Виртуальные выделенные серверы в дата-центрах уровня Tier III — 7 готовых конфигураций от 200 ₽/мес. Преимущества аренды: - Выделенные ресурсы без переплаты; - KVM-виртуализация; - Быстрые NVMe SSD; - Бесплатная защита от DDoS; - Управление через панель, API и Terraform; - Техподдержка 24/7. Запустите сервер за несколько минут! Попробовать #реклама 16+ selectel.ru О рекламодателе

59 · 07:43