Componenten van Ergane
Dit is de component library van Ergane. Hier vind je alle componenten die je nodig hebt om een website te bouwen.
Interactieve Marquee met on-scroll effect
Dit is een interactieve marquee dat een on-scroll effect heeft. Het is gemaakt met behulp van de Ergane componenten.
Word component
Dit is een component waarvan de tekst pas inlaad als je scrollt
specializingindesigningandbuildingmobileapps
Sticky Reveal Word component
Dit onderdeel laat de tekst zien als je scrollt. Het is een geweldige manier om een bericht op een leuke manier weer te geven.
specializingspecializinginindesigningdesigningandandbuildingbuildingmobilemobileappsapps
Sticky Box component
Dit is een plakkerig vakje dat een bepaalde tijd op dezelfde plek blijft staan, zelfs als je scrollt. Je kunt alles weergeven wat je wilt.
Ergane jezelf!
En als je een andere animatie combineert met deze plakkerige animatie, kun je een uitstekende UI/UX creëren
specializingspecializinginindesigningdesigningandandbuildingbuildingmobilemobileappsapps
Character component
Dit is een component waarvan de tekst pas inlaad als je scrollt. Dit gebeurd letter per letter.
Whomadethis?
Icon component
Deze component is bruikbaar voor elk icoon binnen Ergane. Hiermee kan je heel snel iconen aanpassen en toevoegen.
Flip Word component
Deze component aanvaard een array met woorden. Vervolgens zal het woord om de zoveel tijd veranderen. Het is een goede manier om meerdere woorden te tonen op een kleine plaats.
Animated Input Component
Deze component is een simpel input veld dat een array van 'placeholders' aanvaard. De placeholders zullen één voor één verschijnen en verdwijnen. Wanneer je je tekst submit triggert er een leuke animatie.
What do you Ergane?
Scroll SVG Component
Deze component is een SVG die zijn 'path' vervolledigd wanneer je scrollt (Zie een voorbeeld bij de Word component)
Shimmer Button Component
Deze component is heeft een leuke shimmer animatie die zich om de zoveel tijd herhaald. Het is een leuke manier om de aandacht te trekken van de gebruiker (LET OP: Dit word niet als een button gerenderd in de DOM en is dus niet optimaal voor SEO)
✨ Introducing Ergane Studio
Tekstcomponent met verloop
Dit onderdeel geeft tekst weer met een verloop. Het is functioneel met tailwindcss, dus je kunt het verloop op deze manier doorgeven. Daarna wordt het geanimeerd
Introducing Ergane Studio
Tekstcomponent met verloop
Dit onderdeel geeft tekst weer met een verloop. Het is functioneel met tailwindcss, dus je kunt het verloop op deze manier doorgeven. Daarna wordt het geanimeerd
Typewriter component
Dit onderdeel is een typemachine-effect dat de tekst uittypt die u eraan doorgeeft. Het is een geweldige manier om een bericht op een leuke manier weer te geven. (Refresh de pagina om de animatie te zien)
Is Ergane studio real?
Flip Words Component
Deze component aanvaard een href en een woord binnen de tags. Wanneer je erover hoverd met de cursor, zal het woord draaien. Dit werkt enkel op een computer.
Horizontal scroll Component
Deze component is een horizontale scroll die je kan gebruiken om een galerij of een lijst met items weer te geven. Het is makkelijk te gebruiken en simpel aanpasbaar.