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.

Ready to ergane?
Design, create
GET READY TO ERGANE

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.

And pause for a second, scroll through!

Ergane jezelf!

En als je een andere animatie combineert met deze plakkerige animatie, kun je een uitstekende UI/UX creëren

3

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.

Globe

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.

Build
better
websites with Ergane

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?

What does Ergane do?

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

Read More - Read More - Read More - Read More -

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.

What is Ergane

Design

Mobile

Web Dev