Анализ страницы http://alpinejs.dev/components
Основное Готовность: 40%
Домен
alpinejs.dev
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Безопасность
Сайт небезопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте не найден защищенный протокол ssl и сайт не открывается по https!
Не настроен HSTS (Strict-Transport-Security) — рекомендуется включить.
Сервер поддерживает HTTP/3 (QUIC) — новейший протокол.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
UTF-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице UTF-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~0,44сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 0,44сек оптимальна.
Объем документа
490Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 490Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 20
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 20 много для одной страницы. Приемлемо до 10. Проведите оптимизацию файлов ресурсов!
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | https://cdn.jsdelivr.net/npm/@docsearch/css@3 | |
| stylesheet | https://alpinejs.dev/build/assets/app.dc202bf3.css | |
| stylesheet | https://fonts.googleapis.com/css2?family=Karla:wght@400;600;800&display=swap | |
| stylesheet | https://rsms.me/inter/inter.css | |
| js | https://cdn.jsdelivr.net/npm/@alpinejs/intersect@3.x.x/dist/cdn.min.js | |
| js | https://cdn.jsdelivr.net/npm/@alpinejs/persist@3.x.x/dist/cdn.min.js | |
| js | https://cdn.jsdelivr.net/npm/@alpinejs/focus@3.x.x/dist/cdn.min.js | |
| js | https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3.x.x/dist/cdn.min.js | |
| js | https://cdn.jsdelivr.net/npm/@alpinejs/morph@3.x.x/dist/cdn.min.js | |
| js | https://cdn.jsdelivr.net/npm/@alpinejs/resize@3.x.x/dist/cdn.min.js | |
| js | https://cdn.jsdelivr.net/npm/@alpinejs/mask@3.x.x/dist/cdn.min.js | |
| js | https://cdn.jsdelivr.net/npm/@alpinejs/sort@3.x.x/dist/cdn.min.js | |
| js | https://cdn.jsdelivr.net/npm/@alpinejs/anchor@3.x.x/dist/cdn.min.js | |
| js | https://cdn.jsdelivr.net/npm/@alpinejs/ui@3.x.x/dist/cdn.min.js | |
| js | https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js | |
| js | https://cdn.usefathom.com/script.js | |
| js | /cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js | |
| js | /livewire/livewire.js?id=de3fca26689cb5a39af4 | |
| js | https://cdn.jsdelivr.net/npm/@docsearch/js@3 | |
| js | module | https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496 |
Серверные заголовки
Кол-во: 17
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 17шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Sun, 23 Aug 2026 17:33:38 GMT |
| Transfer-Encoding | chunked |
| Connection | keep-alive |
| Server | cloudflare |
| Nel | {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800} |
| Vary | Accept-Encoding |
| Cache-Control | no-store, must-revalidate, no-cache, max-age=0, private |
| Pragma | no-cache |
| Set-Cookie | XSRF-TOKEN=eyJpdiI6IkZLdjNwcHYxOWNvUjVDTjRia0k4Zmc9PSIsInZhbHVlIjoiOUJmNEl2cTVVM0Qvelozck9aR2RLVElGejQ2OThYbnJqK2dYV29HMFpOVm9hTWY2ajB3V1h1aXBBdHNhRzdkSVlmb1BYZmYybDNPc0E5SkhucDBScXVpTGNobTM1UlZycGFjYTl6Q241WUIxYUJETnFkYjBZWUtsMGV2NnlYOGUiLCJtYWMiOiI0ZWYyMDQ4YTNhNzEyYTljNDE4M2ExMmVlOTJmNzFiOGVlZTdkNjUzOGJiYzRhNWM5NmM3MGVlMzlmM2JlYjBiIiwidGFnIjoiIn0%3D; expires=Sun, 30 Aug 2026 17:33:38 GMT; Max-Age=604800; path=/; samesite=lax |
| X-Frame-Options | SAMEORIGIN |
| X-XSS-Protection | 1; mode=block |
| X-Content-Type-Options | nosniff |
| Report-To | {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=B2ta7in3An5WzoRLB8F0bXqSK%2FdaiMGve%2F1Kz%2FtI070u%2BXWtjVQVqRSgplaggEt%2B%2BDMkqe7TBTaEUamdXizKtF3BqaggsElu274fKEoWRbZPArPJX4FkAGqjhRCTYFk%3D"}]} |
| cf-cache-status | DYNAMIC |
| Server-Timing | cfCacheStatus;desc="DYNAMIC" |
| CF-RAY | a2fbdd0c1dd7faac-HEL |
| Alt-Svc | h3=":443" |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
Cloudflare
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере Cloudflare.
Мета-теги Готовность: 32%
Title
UI Components — Alpine.js
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо увеличить число символов в title (текущее значение: 25, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
Well made, keyboard accessible, UI components written with Alpine.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо увеличить число символов в description (текущее значение мало: 66, минимум: 80, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Рекомендуем прописать канонический Url.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width, initial-scale=1.0
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Не найдено
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph не задана. Страница не оптимизирована под социальные сети. Мета-теги с разметкой Og помогают социальным роботам лучше структурировать Ваш сайт.
Все мета-теги
Кол-во: 6
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 6шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1.0 |
| name | twitter:card | summary_large_image |
| name | og:title | UI Components — Alpine.js |
| name | og:description | Well made, keyboard accessible, UI components written with Alpine. |
| name | og:image | http://alpinejs.dev/social_components.jpg |
| name | description | Well made, keyboard accessible, UI components written with Alpine. |
Оптимизация Готовность: 60%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют по одному на документ).
Контент
Есть ошибки
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 2 встречаются в тексте редко. Добавьте в контент страницы слова из тега <title>!
Кол-во слов 496 не очень много. Добавьте побольше текста (хотя бы 800 слов)!
Абзацев с текстом 13 достаточно.
Среднее число слов в абзаце 30 достаточно.
Кол-во знаков контента 3371 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 2. Это прекрасно.
На странице присутствуют заголовки <h2> 5. Это хорошо.
На странице присутствуют заголовки <h3> 5.
Тошнота
3,32
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 3. Измените текст страницы!
Академич. тошнота
19,76%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота превышает норму 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| alpine | 11 | 2,22% |
| components | 10 | 2,02% |
| preview | 9 | 1,81% |
| access | 7 | 1,41% |
| integrations | 4 | 0,81% |
| screencasts | 3 | 0,60% |
| getting | 3 | 0,60% |
| better | 3 | 0,60% |
| third-party | 3 | 0,60% |
| source | 3 | 0,60% |
| password | 3 | 0,60% |
| sweated | 2 | 0,40% |
| details | 2 | 0,40% |
| re-inventing | 2 | 0,40% |
| robust | 2 | 0,40% |
| building | 2 | 0,40% |
| yourself | 2 | 0,40% |
| in-depth | 2 | 0,40% |
| component | 2 | 0,40% |
| creator | 2 | 0,40% |
Индексация Готовность: 80%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 31 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 24 байт. Загружен за: 0сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Показать содержимое robots.txt
User-agent: *
Disallow:
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 25
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 25 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
Показать внутренние ссылки
| Url | Анкор | Состояние |
|---|---|---|
| /start-here |
<svg width="54" height="27" viewbox="0 0 54 27" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 27h27L54 13.5 40.5 0l-27 27Z" fill="#D8DEE9"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 27h27L27.572 14.072 13.5 0 0 13.5 13.5 27Z" fill="#8AC0CF"></path></svg>
<h1 class="text-lg font-bold text-[#2E3440]">Alpine UI Components</h1>
|
|
| /login |
Login
|
|
| /component/dropdown |
<div class="flex w-full items-center justify-between bg-[#F9FBFC] py-4 px-5 font-medium text-gray-900">
<span>Dropdown</span>
<span class="inline-flex items-center gap-3 text-gray-500">
<span class="text-sm">Preview</span> <svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
</span>
</div>
<div class="flex flex-1 items-center justify-center py-8 px-6">
<svg width="298" height="193" viewbox="0 0 298 193" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_d_102_1375)"><rect x="19" y="52" width="260" height="120" rx="10" fill="#fff"></rect><rect x="19" y="52" width="260" height="120" rx="10" stroke="#D2D5DA"></rect></g><g filter="url(#filter1_d_102_1375)"><rect x="19" y="7" width="260" height="40" rx="10" fill="#fff"></rect><rect x="19" y="7" width="260" height="40" rx="10" stroke="#D2D5DA"></rect></g><path fill-rule="evenodd" clip-rule="evenodd" d="M254.47 24.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z" fill="#9DA3AE"></path><defs><filter id="filter0_d_102_1375" x=".5" y="35.5" width="297" height="157" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="9"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.1 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1375"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1375" result="shape"></feblend></filter><filter id="filter1_d_102_1375" x="10.5" y=".5" width="277" height="57" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1375"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1375" result="shape"></feblend></filter></defs></svg>
</div>
|
|
| /component/modal |
<div class="flex w-full items-center justify-between bg-[#F9FBFC] py-4 px-5 font-medium text-gray-900">
<span>Modal</span>
<span class="inline-flex items-center gap-3 text-gray-500">
<span class="text-sm">Preview</span> <svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
</span>
</div>
<div class="flex flex-1 items-center justify-center py-8 px-6">
<svg width="288" height="181" viewbox="0 0 288 181" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_d_102_1376)"><rect x="9" y="7" width="270" height="163" rx="10" fill="#fff"></rect><rect x="9" y="7" width="270" height="163" rx="10" stroke="#D2D5DA"></rect></g><path fill-rule="evenodd" clip-rule="evenodd" d="M250.47 35.53a.75.75 0 0 0 1.06 0l3.47-3.47 3.47 3.47a.75.75 0 1 0 1.06-1.06L256.061 31l3.469-3.47a.75.75 0 1 0-1.06-1.06L255 29.94l-3.47-3.47a.75.75 0 1 0-1.06 1.06l3.469 3.47-3.469 3.47a.75.75 0 0 0 0 1.06Z" fill="#9DA3AE"></path><rect x="25" y="130" width="60" height="24" rx="6" fill="#E5E7EB"></rect><rect x="97" y="130" width="60" height="24" rx="6" fill="#E5E7EB"></rect><defs><filter id="filter0_d_102_1376" x=".5" y=".5" width="287" height="180" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.1 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1376"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1376" result="shape"></feblend></filter></defs></svg>
</div>
|
|
| /component/accordion |
<div class="flex w-full items-center justify-between bg-[#F9FBFC] py-4 px-5 font-medium text-gray-900">
<span>Accordion</span>
<span class="inline-flex items-center gap-3 text-gray-500">
<span class="text-sm">Preview</span> <svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
</span>
</div>
<div class="flex flex-1 items-center justify-center py-8 px-6">
<svg width="278" height="248" viewbox="0 0 278 248" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_d_102_1571)"><rect x="9" y="7" width="260" height="40" rx="10" fill="#fff"></rect><rect x="9" y="7" width="260" height="40" rx="10" stroke="#D2D5DA"></rect></g><path fill-rule="evenodd" clip-rule="evenodd" d="M244.47 24.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z" fill="#9DA3AE"></path><g filter="url(#filter1_d_102_1571)"><rect x="9" y="197" width="260" height="40" rx="10" fill="#fff"></rect><rect x="9" y="197" width="260" height="40" rx="10" stroke="#D2D5DA"></rect></g><path fill-rule="evenodd" clip-rule="evenodd" d="M244.47 214.47a.749.749 0 0 1 1.06 0l3.47 3.469 3.47-3.469a.749.749 0 1 1 1.06 1.06l-4 4a.749.749 0 0 1-1.06 0l-4-4a.749.749 0 0 1 0-1.06Z" fill="#9DA3AE"></path><g filter="url(#filter2_d_102_1571)"><rect x="9" y="59" width="260" height="126" rx="10" fill="#fff"></rect><rect x="9" y="59" width="260" height="126" rx="10" stroke="#D2D5DA"></rect></g><path d="M9 69c0-5.523 4.477-10 10-10h240c5.523 0 10 4.477 10 10v30H9V69Z" fill="#fff" stroke="#D2D5DA"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M244.47 81.53a.75.75 0 0 0 1.06 0l3.47-3.47 3.47 3.47a.75.75 0 1 0 1.06-1.06l-4-4a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 0 0 0 1.06Z" fill="#9DA3AE"></path><defs><filter id="filter0_d_102_1571" x=".5" y=".5" width="277" height="57" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1571"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1571" result="shape"></feblend></filter><filter id="filter1_d_102_1571" x=".5" y="190.5" width="277" height="57" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1571"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1571" result="shape"></feblend></filter><filter id="filter2_d_102_1571" x=".5" y="52.5" width="277" height="143" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1571"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1571" result="shape"></feblend></filter></defs></svg>
</div>
|
|
| /component/carousel |
<div class="flex w-full items-center justify-between bg-[#F9FBFC] py-4 px-5 font-medium text-gray-900">
<span>Carousel</span>
<span class="inline-flex items-center gap-3 text-gray-500">
<span class="text-sm">Preview</span> <svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
</span>
</div>
<div class="flex flex-1 items-center justify-center py-8 px-6">
<svg width="298" height="98" viewbox="0 0 298 98" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M283.47 40.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l5.469-5.47-5.469-5.47a.75.75 0 0 1 0-1.06ZM14.53 40.47a.75.75 0 0 1 0 1.06L9.06 47l5.47 5.47a.75.75 0 1 1-1.06 1.06l-6-6a.75.75 0 0 1 0-1.06l6-6a.75.75 0 0 1 1.06 0Z" fill="#9DA3AE"></path><g filter="url(#filter0_d_102_1438)"><rect x="114" y="7" width="70" height="80" rx="12" fill="#fff"></rect><rect x="114" y="7" width="70" height="80" rx="12" stroke="#D2D5DA"></rect></g><g filter="url(#filter1_d_102_1438)"><rect x="194" y="7" width="70" height="80" rx="12" fill="#fff"></rect><rect x="194" y="7" width="70" height="80" rx="12" stroke="#D2D5DA"></rect></g><g filter="url(#filter2_d_102_1438)"><rect x="34" y="7" width="70" height="80" rx="12" fill="#fff"></rect><rect x="34" y="7" width="70" height="80" rx="12" stroke="#D2D5DA"></rect></g><defs><filter id="filter0_d_102_1438" x="105.5" y=".5" width="87" height="97" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1438"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1438" result="shape"></feblend></filter><filter id="filter1_d_102_1438" x="185.5" y=".5" width="87" height="97" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1438"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1438" result="shape"></feblend></filter><filter id="filter2_d_102_1438" x="25.5" y=".5" width="87" height="97" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1438"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1438" result="shape"></feblend></filter></defs></svg>
</div>
|
|
| /component/tabs |
<div class="flex w-full items-center justify-between bg-[#F9FBFC] py-4 px-5 font-medium text-gray-900">
<span>Tabs</span>
<span class="inline-flex items-center gap-3 text-gray-500">
<span class="text-sm">Preview</span> <svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
</span>
</div>
<div class="flex flex-1 items-center justify-center py-8 px-6">
<svg width="278" height="143" viewbox="0 0 278 143" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="96" y="7" width="70" height="80" rx="8" fill="#FAFAFB"></rect><rect x="96" y="7" width="70" height="80" rx="8" fill="url(#paint0_linear_102_1382)" fill-opacity=".2"></rect><rect x="96" y="7" width="70" height="80" rx="8" stroke="#D3D4DA"></rect><rect x="174" y="7" width="70" height="80" rx="8" fill="#FAFAFB"></rect><rect x="174" y="7" width="70" height="80" rx="8" fill="url(#paint1_linear_102_1382)" fill-opacity=".2"></rect><rect x="174" y="7" width="70" height="80" rx="8" stroke="#D3D4DA"></rect><g filter="url(#filter0_d_102_1382)"><path d="M19 7C13.477 7 9 11.477 9 17v105c0 5.523 4.477 10 10 10h240c5.523 0 10-4.477 10-10V42c0-5.523-4.477-10-10-10H89V17c0-5.523-4.477-10-10-10H19Z" fill="#fff"></path><path d="M19 7C13.477 7 9 11.477 9 17v105c0 5.523 4.477 10 10 10h240c5.523 0 10-4.477 10-10V42c0-5.523-4.477-10-10-10H89V17c0-5.523-4.477-10-10-10H19Z" stroke="#D2D5DA"></path></g><defs><lineargradient id="paint0_linear_102_1382" x1="106.294" y1="7" x2="106.294" y2="60.333" gradientunits="userSpaceOnUse"><stop stop-color="#2E3440" stop-opacity="0"></stop><stop offset="1" stop-color="#2E3440" stop-opacity=".05"></stop></lineargradient><lineargradient id="paint1_linear_102_1382" x1="184.294" y1="7" x2="184.294" y2="60.333" gradientunits="userSpaceOnUse"><stop stop-color="#2E3440" stop-opacity="0"></stop><stop offset="1" stop-color="#2E3440" stop-opacity=".05"></stop></lineargradient><filter id="filter0_d_102_1382" x=".5" y=".5" width="277" height="142" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1382"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1382" result="shape"></feblend></filter></defs></svg>
</div>
|
|
| /component/notifications |
<div class="flex w-full items-center justify-between bg-[#F9FBFC] py-4 px-5 font-medium text-gray-900">
<span>Notifications</span>
<span class="inline-flex items-center gap-3 text-gray-500">
<span class="text-sm">Preview</span> <svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
</span>
</div>
<div class="flex flex-1 items-center justify-center py-8 px-6">
<svg width="278" height="208" viewbox="0 0 278 208" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_d_102_1383)"><rect x="9" y="7" width="260" height="50" rx="10" fill="#fff"></rect><rect x="9" y="7" width="260" height="50" rx="10" stroke="#D2D5DA"></rect></g><circle opacity=".1" cx="40" cy="32" r="15" fill="#0EA5E9"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M40 23.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5ZM30.25 32c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75-9.75-4.365-9.75-9.75ZM40 30.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75ZM40 29a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" fill="#0EA5E9"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M240.47 27.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06L246.061 32l3.469 3.47a.75.75 0 1 1-1.06 1.06L245 33.06l-3.47 3.47a.75.75 0 1 1-1.06-1.06l3.469-3.47-3.469-3.47a.75.75 0 0 1 0-1.06Z" fill="#D1D5DB"></path><rect opacity=".2" x="71" y="24" width="120" height="16" rx="4" fill="#0EA5E9"></rect><g filter="url(#filter1_d_102_1383)"><rect x="9" y="77" width="260" height="50" rx="10" fill="#fff"></rect><rect x="9" y="77" width="260" height="50" rx="10" stroke="#D2D5DA"></rect></g><circle opacity=".1" cx="40" cy="102" r="15" fill="#10B981"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M31.75 102a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0ZM40 92.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75-4.365-9.75-9.75-9.75Zm4.53 7.28a.75.75 0 1 0-1.06-1.06L39 102.939l-1.47-1.469a.75.75 0 1 0-1.06 1.06l2 2a.749.749 0 0 0 1.06 0l5-5Z" fill="#10B981"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M240.47 97.47a.75.75 0 0 1 1.06 0l3.47 3.469 3.47-3.47a.75.75 0 1 1 1.06 1.061l-3.469 3.47 3.469 3.47a.749.749 0 1 1-1.06 1.06l-3.47-3.469-3.47 3.469a.749.749 0 1 1-1.06-1.06l3.469-3.47-3.469-3.47a.75.75 0 0 1 0-1.06Z" fill="#D1D5DB"></path><rect opacity=".2" x="71" y="94" width="80" height="16" rx="4" fill="#10B981"></rect><g filter="url(#filter2_d_102_1383)"><rect x="9" y="147" width="260" height="50" rx="10" fill="#fff"></rect><rect x="9" y="147" width="260" height="50" rx="10" stroke="#D2D5DA"></rect></g><circle opacity=".1" cx="40" cy="172" r="15" fill="#EF4444"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M240.47 167.47a.749.749 0 0 1 1.06 0l3.47 3.469 3.47-3.469a.749.749 0 1 1 1.06 1.06l-3.469 3.47 3.469 3.47a.749.749 0 1 1-1.06 1.06l-3.47-3.469-3.47 3.469a.749.749 0 1 1-1.06-1.06l3.469-3.47-3.469-3.47a.749.749 0 0 1 0-1.06Z" fill="#D1D5DB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M31.75 172a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0Zm8.25-9.75c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75-4.365-9.75-9.75-9.75Zm-2.47 6.22a.75.75 0 1 0-1.06 1.06l2.47 2.47-2.47 2.47a.75.75 0 1 0 1.06 1.06l2.47-2.469 2.47 2.469a.75.75 0 1 0 1.06-1.06L41.06 172l2.47-2.47a.75.75 0 1 0-1.06-1.06L40 170.939l-2.47-2.469Z" fill="#EF4444"></path><rect opacity=".2" x="71" y="164" width="100" height="16" rx="4" fill="#EF4444"></rect><defs><filter id="filter0_d_102_1383" x=".5" y=".5" width="277" height="67" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1383"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1383" result="shape"></feblend></filter><filter id="filter1_d_102_1383" x=".5" y="70.5" width="277" height="67" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1383"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1383" result="shape"></feblend></filter><filter id="filter2_d_102_1383" x=".5" y="140.5" width="277" height="67" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1383"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1383" result="shape"></feblend></filter></defs></svg>
</div>
|
|
| /component/radio-group |
<div class="flex w-full items-center justify-between bg-[#F9FBFC] py-4 px-5 font-medium text-gray-900">
<span>Radio Group</span>
<span class="inline-flex items-center gap-3 text-gray-500">
<span class="text-sm">Preview</span> <svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
</span>
</div>
<div class="flex flex-1 items-center justify-center py-8 px-6">
<svg width="278" height="192" viewbox="0 0 278 192" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_d_102_1390)"><rect x="9" y="7" width="260" height="50" rx="12" fill="#fff"></rect><rect x="9" y="7" width="260" height="50" rx="12" stroke="#D2D5DA"></rect></g><circle cx="34" cy="32" r="7" fill="#fff"></circle><circle cx="34" cy="32" r="7" fill="url(#paint0_linear_102_1390)" fill-opacity=".2"></circle><circle cx="34" cy="32" r="7" stroke="#212936" stroke-width="8"></circle><g filter="url(#filter1_d_102_1390)"><rect x="9" y="69" width="260" height="50" rx="12" fill="#fff"></rect><rect x="9" y="69" width="260" height="50" rx="12" stroke="#D2D5DA"></rect></g><circle cx="34" cy="94" r="10.5" fill="#fff"></circle><circle cx="34" cy="94" r="10.5" fill="url(#paint1_linear_102_1390)" fill-opacity=".2"></circle><circle cx="34" cy="94" r="10.5" stroke="#9DA3AE"></circle><g filter="url(#filter2_d_102_1390)"><rect x="9" y="131" width="260" height="50" rx="12" fill="#fff"></rect><rect x="9" y="131" width="260" height="50" rx="12" stroke="#D2D5DA"></rect></g><circle cx="34" cy="156" r="10.5" fill="#fff"></circle><circle cx="34" cy="156" r="10.5" fill="url(#paint2_linear_102_1390)" fill-opacity=".2"></circle><circle cx="34" cy="156" r="10.5" stroke="#9DA3AE"></circle><defs><lineargradient id="paint0_linear_102_1390" x1="34" y1="21" x2="34" y2="43" gradientunits="userSpaceOnUse"><stop stop-color="#2E3440" stop-opacity="0"></stop><stop offset="1" stop-color="#2E3440" stop-opacity=".05"></stop></lineargradient><lineargradient id="paint1_linear_102_1390" x1="34" y1="83" x2="34" y2="105" gradientunits="userSpaceOnUse"><stop stop-color="#2E3440" stop-opacity="0"></stop><stop offset="1" stop-color="#2E3440" stop-opacity=".05"></stop></lineargradient><lineargradient id="paint2_linear_102_1390" x1="34" y1="145" x2="34" y2="167" gradientunits="userSpaceOnUse"><stop stop-color="#2E3440" stop-opacity="0"></stop><stop offset="1" stop-color="#2E3440" stop-opacity=".05"></stop></lineargradient><filter id="filter0_d_102_1390" x=".5" y=".5" width="277" height="67" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1390"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1390" result="shape"></feblend></filter><filter id="filter1_d_102_1390" x=".5" y="62.5" width="277" height="67" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1390"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1390" result="shape"></feblend></filter><filter id="filter2_d_102_1390" x=".5" y="124.5" width="277" height="67" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1390"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1390" result="shape"></feblend></filter></defs></svg>
</div>
|
|
| /component/toggle |
<div class="flex w-full items-center justify-between bg-[#F9FBFC] py-4 px-5 font-medium text-gray-900">
<span>Toggle</span>
<span class="inline-flex items-center gap-3 text-gray-500">
<span class="text-sm">Preview</span> <svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
</span>
</div>
<div class="flex flex-1 items-center justify-center py-8 px-6">
<svg width="98" height="133" viewbox="0 0 98 133" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_d_102_1391)"><rect x="9" y="7" width="80" height="40" rx="20" fill="#fff"></rect><rect x="9" y="7" width="80" height="40" rx="20" stroke="#D2D5DA"></rect></g><g filter="url(#filter1_d_102_1391)"><circle cx="29" cy="27" r="15" fill="#F9FAFC"></circle><circle cx="29" cy="27" r="15" stroke="#D2D5DA"></circle></g><g filter="url(#filter2_d_102_1391)"><rect x="9" y="82" width="80" height="40" rx="20" fill="#384150"></rect><rect x="9" y="82" width="80" height="40" rx="20" stroke="#384150"></rect></g><g filter="url(#filter3_d_102_1391)"><circle cx="69" cy="102" r="15" fill="#F9FAFC"></circle></g><defs><filter id="filter0_d_102_1391" x=".5" y=".5" width="97" height="57" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1391"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1391" result="shape"></feblend></filter><filter id="filter1_d_102_1391" x="5.5" y="5.5" width="47" height="47" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.08 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1391"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1391" result="shape"></feblend></filter><filter id="filter2_d_102_1391" x=".5" y="75.5" width="97" height="57" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1391"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1391" result="shape"></feblend></filter><filter id="filter3_d_102_1391" x="46" y="81" width="46" height="46" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.08 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1391"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1391" result="shape"></feblend></filter></defs></svg>
</div>
|
|
| /component/tooltip |
<div class="flex w-full items-center justify-between bg-[#F9FBFC] py-4 px-5 font-medium text-gray-900">
<span>Tooltip</span>
<span class="inline-flex items-center gap-3 text-gray-500">
<span class="text-sm">Preview</span> <svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
</span>
</div>
<div class="flex flex-1 items-center justify-center py-8 px-6">
<svg width="278" height="92" viewbox="0 0 278 92" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M139 71.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5ZM129.25 80c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75-9.75-4.365-9.75-9.75Zm9.75-1.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75Zm0-1.25a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" fill="#394150"></path><g filter="url(#filter0_d_102_1384)"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 7a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h113.34l5.196 9c1.54 2.667 5.388 2.667 6.928 0l5.196-9H261a8 8 0 0 0 8-8V15a8 8 0 0 0-8-8H17Z" fill="#fff"></path><path d="m130.34 47 .433-.25-.145-.25h-.288v.5Zm5.196 9-.433.25.433-.25Zm6.928 0-.433-.25.433.25Zm5.196-9v-.5h-.288l-.145.25.433.25ZM9.5 15A7.5 7.5 0 0 1 17 7.5v-1A8.5 8.5 0 0 0 8.5 15h1Zm0 24V15h-1v24h1Zm7.5 7.5A7.5 7.5 0 0 1 9.5 39h-1a8.5 8.5 0 0 0 8.5 8.5v-1Zm113.34 0H17v1h113.34v-1Zm5.629 9.25-5.196-9-.866.5 5.196 9 .866-.5Zm6.062 0c-1.347 2.333-4.715 2.333-6.062 0l-.866.5c1.732 3 6.062 3 7.794 0l-.866-.5Zm5.196-9-5.196 9 .866.5 5.196-9-.866-.5ZM261 46.5H147.66v1H261v-1Zm7.5-7.5a7.5 7.5 0 0 1-7.5 7.5v1a8.5 8.5 0 0 0 8.5-8.5h-1Zm0-24v24h1V15h-1ZM261 7.5a7.5 7.5 0 0 1 7.5 7.5h1a8.5 8.5 0 0 0-8.5-8.5v1Zm-244 0h244v-1H17v1Z" fill="#D2D5DA"></path></g><defs><filter id="filter0_d_102_1384" x=".5" y=".5" width="277" height="68" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></fecolormatrix><feoffset dy="2"></feoffset><fegaussianblur stddeviation="4"></fegaussianblur><fecomposite in2="hardAlpha" operator="out"></fecomposite><fecolormatrix values="0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 0 0.25098 0 0 0 0.03 0"></fecolormatrix><feblend in2="BackgroundImageFix" result="effect1_dropShadow_102_1384"></feblend><feblend in="SourceGraphic" in2="effect1_dropShadow_102_1384" result="shape"></feblend></filter></defs></svg>
</div>
|
|
| /component/chart-js |
<span>Chart.js</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /component/apexcharts |
<span>ApexCharts</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /component/trix |
<span>Trix</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /component/quill |
<span>Quill</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /component/simple-mde |
<span>SimpleMDE</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /component/select2 |
<span>Select2</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /component/choices |
<span>Choices.js</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /component/flatpickr |
<span>Flatpickr</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /component/date-range-picker |
<span>Date Range Picker</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /component/fullcalendar |
<span>FullCalendar</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /component/glide |
<span>Glide</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /component/splide |
<span>Splide</span>
<svg class="h-6 w-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.47 5.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H5a.75.75 0 0 1 0-1.5h12.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" fill="#D2D5DA"></path></svg>
|
|
| /license |
Read Product License
|
|
| /forgot-password |
<span class="text-sm font-normal text-gray-800 underline">Forgot Password</span>
|
|
Внешние ссылки
Не найдено
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице не найдено.
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Страница http://alpinejs.dev/components готова к продвижению на 53%. Чтобы еще улучшить страницу и попасть на первые места поисковой выдачи необходимо:
Постарайтесь исправить общие ошибки.
Исправьте ошибки в мета-тегах.
Исправьте ошибки оптимизации.
Поделитесь с друзьями: