Посетители
12.4k
8.0%
Обмисленият шаблон
Доставяйте по-бързо. Изглеждайте обмислено.
Пет готови сайта. Започнете от най-близкия до вашия.
Всеки свят е цял сайт, изграден само от компонентите на този шаблон, на компютър и на телефон. Отворете един и разгледайте: всяка страница е истинска.
Cairn — корпоративна платформа
B2B свят: едностраничен документ за доверие с твърдения с посочени източници, конзола с показатели, доказателства от клиенти и регистър на контролите.
Отвори Cairn
Proof — студиото на една фотографка
Минималистичен свят за портфолио: студиен релс, изображения на цял екран, спокойни преходи.
Отвори Proof
Oak & Ember — малък магазин
Магазин: колекции, страници на продукти, количка и демо плащане (без поръчки и разплащане).
Отвори Oak & Ember
Започнете от целия сайт. Стигнете до един бутон.
Всяко ниво е жива разметка от рамката, вложена в предишното.
СайтътСтена от страници, всички изградени от едни и същи части.
Популярен
$29
Пуснахме целия си сайт за една седмица.
АЛ
Ада Лъвлейс
Публикувано
Изграждане 78%
Конверсия 4.5 (1280) Публикувано
Конверсия
4.8%
2.0%
Една страницаИзградена от истински компоненти: заглавия, карти и бутони.
Nexus
ПопуляренИзградете го веднъж, пуснете всяка страница
Секции и примитиви, които се композират във всичко.
Бърз от първия миг
Страниците се показват, преди посетителят да мигне.
Достъпен за всички
Всеки контрол работи с клавиатура и се чете на глас.
Говори всеки език
Сменете целия сайт на друг език с едно щракване.
Един бутонЦвят, фокус пръстен и радиус, зададени веднъж и използвани навсякъде.
Започнете
--color-primary-500 --shadow-focus --radius-md
Всичко, от което се нуждаете
Документирани градивни блокове като основа за професионални уебсайтове
Светкавично бърз
Static-first архитектура с клиентски JavaScript само там, където функциите го изискват.
Основи на достъпността
Семантичният HTML и моделите за работа с клавиатура и екранни четци са вградени в системата от компоненти.
Многоезичен
Вградена i18n поддръжка за 5 езика с типизирани преводи и преведени адреси.
Система за теми
CSS custom property дизайн токени с тъмен режим, персонализируеми цветови скали и последователни отстояния.
Съставни компоненти
Самостоятелни UI примитиви, които се съставят в секции, оформления и цели страници без усилие.
Оптимизиран за SEO
JSON-LD структурирани данни, мета тагове, генериране на sitemap и споделяне в социални мрежи готови за използване.
Лабораторни резултати от Lighthouse
Реални Lighthouse измервания на продукционен билд на тази начална страница. Датата и комитът по-долу посочват точно кой билд е измерен.
Измерено: 21.10.2026 г., 9:28 · комит 3ca0494
Lighthouse категории
| Категория | Мобилен | Настолен |
|---|---|---|
| Производителност | 93 | 100 |
| Достъпност | 100 | 100 |
| Добри практики | 100 | 100 |
| Оптимизация за търсачки | 100 | 100 |
Лабораторен пробег с Lighthouse simulate — същите профили на устройства и throttling като PageSpeed Insights. Десктопът използва по-строга крива от мобилния; двете не са предназначени да съвпадат.
Често задавани въпроси
Всичко, което трябва да знаете за Nexus
Какво е Nexus?
Nexus е модерен шаблон за Astro със съставни UI компоненти, вградена i18n поддръжка и тъмен режим без настройка. Предназначен за създаване на бързи, достъпни и професионални уебсайтове.
Трябва ли да знам React или Vue?
Не. Страниците и компонентите са Astro: шаблони, подобни на HTML, с интерактивност в браузъра само там, където я добавите. Единственото изключение са незадължителните компоненти за диаграми, които използват React и Recharts вътрешно; поставяте ги като всеки друг компонент.
Включен ли е тъмен режим?
Да. Тъмният режим е вграден чрез CSS custom properties и .dark клас върху html елемента. Превключвайте го с бутона в заглавката — запазва се чрез localStorage.
Как да персонализирам темата?
Всички дизайн токени са дефинирани като CSS custom properties в глобалната таблица със стилове. Променете цветове, отстояния, типография, сенки и др., за да съответстват на вашата марка.
Достъпни ли са компонентите?
Компонентите използват семантичен HTML и документирани модели за клавиатура и ARIA. Проверете публикуваните компоненти и комбинации спрямо вашите изисквания за достъпност.
Мога ли да използвам отделни компоненти?
Разбира се. Всеки компонент е самостоятелен и може да се импортира независимо. Комбинирайте само това, от което се нуждаете — без принудителни импорти или неизползван код във вашия bundle.
Създайте нещо осъзнато.
Клонирайте хранилището. Стартирайте pnpm dev. Впечатляващото винаги е било възможно — просто трябваше да го изберете.