Komponenty
Všechny komponenty seřazené podle toho, co dělají. Otevři kteroukoli, uvidíš ji ve velkém, zkopíruješ instalační příkaz a přečteš si použití.
Inputy
10Jednotlivá pole: text, heslo, výběr, posuvník, štítky a další.
- Input s plovoucím popiskemPopisek vyjede při focusu i po vyplnění.Zdarma
- Zaškrtávací poleFajfka se sama nakreslí.Zdarma
- PřepínačJezdec na pružině, ovladatelný klávesnicí.Zdarma
- VyhledáváníIkona, placeholder a tlačítko pro smazání, které vyskočí.Zdarma
- Heslo se sílouZobrazit/skrýt a třístupňový ukazatel síly.Zdarma
- PosuvníkPři tažení se ukáže bublina s hodnotou.ZdarmaHlasitost
- Výběr ze seznamuVlastní dropdown, funguje i s šipkami a Enterem.ZdarmaFramework
- Číselný přepínačMínus a plus, číslice se točí ve směru změny.ZdarmaPočet míst3
- Pole pro kódŠest políček, samo přeskakuje, celý kód jde vložit naráz.Pro
- ŠtítkyNapiš, dej Enter a štítek vyskočí. Backspace maže.Proreacttailwind
Formuláře
7Hotové formuláře s validací, načítáním a potvrzením.
- Přihlašovací formulářValidace, zatřesení při chybě a stav načítání.Zdarma
- NewsletterPole na e-mail, které se změní v poděkování.Zdarma
- Kontaktní formulářPočítadlo znaků a animovaná fajfka po odeslání.Pro
- Vícekrokový formulářUkazatel průběhu a kroky, které vyjíždějí do stran.ProÚčetKrok 1 z 3
- Registrační formulářSíla hesla, souhlas s podmínkami, načítání a hotovo.Zdarma
- Zpětná vazbaVybereš smajlíka, napíšeš komentář a dostaneš poděkování.Pro
Jak se ti dnes u nás líbilo?
- Platba kartouČíslo se samo seskupí, pozná se typ karty a karta se otočí kvůli CVC.Pro
Okna
7Modální okna, vysouvací panely, popovery, menu, cookie lišta a paleta příkazů.
- Modální oknoOkno uprostřed nad rozmazaným pozadím; zavře ho Esc nebo kliknutí mimo.Zdarma
- PopoverMalý panel se šipkou hned vedle tlačítka.Zdarma
- Rozbalovací menuMenu ovladatelné klávesnicí, se zničující akcí na konci.Zdarma
- Cookie lištaPřijmout, odmítnout, nebo vybrat kategorie v nastavení.Zdarma
🍪 Používáme cookies
Některé drží web v chodu, jiné nám ukazují, co zlepšit.
- Potvrzovací oknoSmazat jde až po opsání názvu.Pro
- Vysouvací panelVyjede ze strany nebo zdola.Pro
- Paleta příkazůPíšeš a filtruješ, šipkami vybíráš, Enter spustí.Pro
Text
15Nadpisy a čísla, která najedou, zalesknou se nebo se dešifrují.
- Lesklý textPřes slova přejede jemný odlesk.ZdarmaPrávě v betě
- Přechodový textPísmeny pomalu protéká červený přechod.ZdarmaPostaveno pro rychlost
- Zvýrazněný textZa klíčovým slovem se protáhne zvýrazňovač.Zdarma
Komponenty, kterých si lidé všimnou.
- Scramble textZnaky se odhalují jeden po druhém.Pro
- PočítadloČíslice se dotočí na novou hodnotu.Pro
- OdpočetČíslice sjíždějí k nule a na konci ohlásí start.Pro
Spuštění za
00min
10s
- Psací strojPíše, počká, smaže a přejde na další frázi.Pro
- Střídání slovJedno slovo ve větě se neustále mění.Pro
Postav rozhraní
- Rozostřené odhaleníSlova se postupně zaostří jedno po druhém.Pro
- Vlna písmenPři najetí písmena vyskočí ve vlně.Pro
- Obrysový textDuté písmo, které se při najetí vyplní.Zdarmanex-ui
- Animované podtrženíLinka se při najetí dokreslí a odejde na druhou stranu.Zdarma
- Postupné odhaleníSlova vyjíždějí zpoza linky jedno po druhém.Pro
- Glitch textKrátké záblesky rozděleného RGB a rozřezaných řádků.ProSIGNÁL ZTRACEN
- Text pod reflektoremTlumený text, který se kolem ukazatele rozsvítí.ProNajeď a přečti
Boxíky
5Karty a kontejnery, které reagují na najetí a pozici ukazatele.
- Zvedací boxPři najetí se zvedne a chytí světlo.Zdarma
Tarif Starter
Vše, co potřebuješ ke spuštění.
- Otočná kartaPři najetí nebo ťuknutí se ve 3D otočí.Zdarma
- Karta se světlemSvětlo sleduje ukazatel po ploše.ProPohni sem ukazatelem
- Naklápěcí boxVe 3D se natáčí za ukazatelem.ProNakloň mě
- Paprsek po okrajiKolem okraje obíhá světelný paprsek.Pro
Tarif Pro
Po okraji běží světlo.
Mřížky boxů
4Bento rozvržení, mřížky funkcí, čísla a mřížka, která sleduje ukazatel.
- Mřížka funkcíIkona, nadpis a text v mřížce tenkých čar.Zdarma
Rychlé už v základu
Stránky se načtou dřív, než mrkneš.
Skládací
Sekce kombinuješ jako kostky.
Bezpečné
Rozumné výchozí nastavení, žádná překvapení.
Přehledné
Vidíš, na co lidé opravdu klikají.
Globální
Každý jazyk, každé časové pásmo.
Radost používat
Pohyb tam, kde pomáhá, ne všude.
- Mřížka číselČísla se napočítají, když se objeví.Zdarma
0 tis.
týmů
0 %
včas
0.0
hodnocení
0+
zemí
- Bento mřížkaBoxy různých velikostí s grafem, avatary a počítadlem.Pro
Týdenní registrace
Hotovo za pár minut
Od nápadu k živé stránce do oběda.
Pro celé týmy
Všichni upravují stejnou stránku.
0.0%
dostupnost letos
- Mřížka se světlemJedno světlo sleduje ukazatel přes všechny okraje.Pro
Rychlé už v základu
Stránky se načtou dřív, než mrkneš.
Skládací
Sekce kombinuješ jako kostky.
Bezpečné
Rozumné výchozí nastavení, žádná překvapení.
Přehledné
Vidíš, na co lidé opravdu klikají.
Globální
Každý jazyk, každé časové pásmo.
Radost používat
Pohyb tam, kde pomáhá, ne všude.
Rozostření
6Postupné rozostření pro okraje, popisky a pohyblivé zaostření.
- Popisek s rozostřenímSpodek obrázku se za textem rozpouští do rozostření.Zdarma
Aurora
Jemné světlo za jakoukoli sekcí.
- Postupné rozostřeníObsah se na okrajích posuvné oblasti noří do sílícího rozostření.Pro
- Kruhové rozostřeníUprostřed ostré, k okrajům rozmazanější. Ostré místo může sledovat ukazatel.Pro
- Matné skloSkleněná karta nad pomalu plujícími barvami.Zdarma
Matné sklo
Barvy plují vzadu, karta zůstává čitelná.
- Zaostřený textOstré je jen slovo pod ukazatelem.Pro
- Zaostřovací kartaPři najetí se zaostří a vysune popisek.ProNajeď a zaostři
Offsite v Lisabonu
Karusely
4Slidy, řady karet, balíček karet a 3D cover flow, všechno jde táhnout.
- Karusel se slidyTáhni nebo použij šipky, tečky ukazují, kde zrovna jsi.Zdarma
Tlačítka
Dvanáct způsobů, jak říct klikni.
- Řada karetNativní přichytávání při posouvání, šipky a ukazatel průběhu.Zdarma
- Balíček karetOdhoď horní kartu stranou a zařadí se dospod.Pro
Tlačítka
Dvanáct způsobů, jak říct klikni.
1 / 5 - Cover flowProstřední slide je čelem k tobě, ostatní se ve 3D natáčejí stranou.ProPozadí
Animace
4Smyčky a přechody, které vložíš do jakéhokoli layoutu.
- Nekonečný pásPlynulá smyčka, při najetí se zastaví.ProTlačítkaInputyPřepínačeKartyZáložkyModályToastyMenu
- Plynulé záložkyIndikátor klouže mezi záložkami.Pro
- Oběžná dráhaTečky kroužící kolem středu na třech drahách.Pro
- GlóbusTečkovaný glóbus, který se točí, s pulzujícími městy a oblouky spojů. Otočíš ho tažením.Pro
Odznaky
7Malé štítky pro stav, počty, novinky a tarify.
- OdznakPlný, jemný nebo obrysový, ve čtyřech tónech a třech velikostech.ZdarmaBetaBetaBetav2.4Pro
- Odznak s tečkouBarevná tečka před popiskem, když chceš, tak pulzuje.ZdarmaVše běžíNečinný
- Oznamovací odznakPilulka nad hlavním nadpisem, která odkazuje na novinku.Zdarma
- Stavový odznakStavy živě, nečinný a chyba.Zdarma
- Odznak s počtemČíslo při změně poskočí a nad 99 ukáže 99+.Pro
- Lesklý odznakKaždých pár sekund po něm přejede odlesk.ProNové
- Odznak se světlem na okrajiPo okraji obíhá světlo.ProPro
Stavy
4Loadery, toasty, průběh a tooltipy, které ukazují, co se právě děje.
Pozadí
10Vrstvy za tvým obsahem: mřížky, zrnění, záře a pohyb.
- Tečkovaná mřížkaPole teček, které se k okrajům ztrácí.ZdarmaTady bude tvůj obsah
- Čárová mřížkaMřížka jako z výkresu, mizí směrem dolů.ZdarmaTady bude tvůj obsah
- ZrněníFilmový šum přes jemnou záři, žádné ploché přechody.ZdarmaTady bude tvůj obsah
- Hvězdné nebeDrobné hvězdy blikají každá svým tempem.ZdarmaTady bude tvůj obsah
- Plující přechodTmavě červený přechod, který pomalu plyne.ZdarmaTady bude tvůj obsah
- AuroraRozmazané barevné skvrny, které pomalu plují.ProTady bude tvůj obsah
- MeteoryŠikmo přes sekci padají světelné stopy.ProTady bude tvůj obsah
- Záře pod kurzoremMřížka se rozsvítí všude, kam ukazatel míří.ProTady bude tvůj obsah
- Světelné paprskyTenké paprsky padají po svislých linkách.ProTady bude tvůj obsah
- VlnyVrstvy vln, každá jede jinou rychlostí.ProTady bude tvůj obsah