Twaalf open-source en premium dashboards en UI-kits in Vue.js voor een digitaal bureau met 1,9 miljoen gebruikers. Meer dan 50.000 gratis downloads, 2.000 premium aankopen en gemiddeld een 4,8/5 in reviews.
50.000+
Gratis downloads van 12 Vue.js-dashboards
CreativeTim is een digitaal bureau met meer dan 1,9 miljoen developers als gebruikers. Het bouwt gratis en premium UI-kits op frameworks als Vue.js, React en Angular. We leerden elkaar kennen via open source en spraken na een aantal gesprekken af om samen een UI-kit in Vue.js te ontwikkelen. Vue zat toen nog op versie 1 en het ecosysteem was een fractie van wat het nu is.
Vanaf de eerste dag wisten we dat de lat hoog lag. Elk component moest productiekwaliteit hebben, want duizenden developers zouden het in hun eigen producten overnemen. Een lekkende abstractie of een slordig afgehandelde edge case zou doorwerken in elk project dat op het template voortbouwde.
Elk template had ook uitgebreide documentatie nodig. Bij elk component hoorden voorbeelden, instelbare props en heldere conventies, zodat developers het konden gebruiken zonder de broncode te lezen.
En tot slot moesten de templates er foutloos uitzien en zo min mogelijk bugs bevatten. Ze waren het gezicht van CreativeTim, voor een publiek van frontend-engineers dat elke verschoven pixel opmerkt.
Wij kozen al vroeg voor Vue.js, toen het framework net op versie 1 zat en de community nog klein was. We pakten het bewust gefaseerd aan. Eerst een gratis open-source release om van echte developers te leren. Daarna premium dashboards, gebouwd op de patronen die zich hadden bewezen.
Fase 2
Toen de open-source release had bewezen dat er vraag was, voegden we premium templates toe: rijkere dashboards, marketingpagina's en varianten van componenten. Elk nieuw template bouwde voort op dezelfde componentbibliotheek. Zo stapelde de afwerking zich op, in plaats van dat we die elke keer opnieuw bouwden.
Frontend · Componenten bouwen
Fase 1
In plaats van te raden wat developers wilden, brachten we een gratis open-source template in Vue.js uit en lieten de community het ons vertellen. Die vroege feedback bepaalde de API, de prioriteiten bij de componenten en de stijl van de documentatie. Die lijn hielden we vast in elke volgende release.
Discovery · Open-sourcestrategie
Fase 3
Elk template kwam met volledige documentatie, werkende voorbeelden en een structuur die lang meegaat. De frontendconventies die we hier uitkristalliseerden, zoals de mappenstructuur, patronen voor props en hooks voor theming, werden de blauwdruk die we nog steeds gebruiken in langlopende Vue.js-projecten.
Documentatie · Architectuur
Onze relatie met CreativeTim begon in open source en groeide uit tot een langdurige samenwerking rond Vue.js. Wij waren verantwoordelijk voor het frontendvakwerk achter een catalogus van templates: dashboards, marketingpagina's en UI-kits. Developers over de hele wereld hebben ze meer dan 50.000 keer gedownload.
Over 12 templates heen legden we de patronen voor componenten, de projectstructuur en de conventies voor documentatie vast. Daardoor kon CreativeTim zijn Vue.js-catalogus uitbreiden zonder steeds dezelfde bouwstenen opnieuw te schrijven. Op die basis bouwen we nog altijd grote Vue.js-codebases.
Wij kozen voor Vue.js toen het nog in opkomst was en combineerden het met utility-first styling. Zo bleef elk template makkelijk aan te passen zonder de broncode te forken.
Vue.Js 
Tailwind CSS Herbruikbare Vue.js-componenten met consistente API's, varianten en hooks voor theming, zodat elk template dezelfde bouwstenen meekreeg.
Documentatie en live voorbeelden per component, zodat engineers templates in productie konden nemen zonder de broncode te lezen.
Projectstructuren en conventies die overeind blijven terwijl de catalogus groeit. Makkelijk uit te breiden, te onderhouden en over te dragen.
Tijdens de samenwerking leverden we 12 gratis en premium Vue.js-templates op. Samen goed voor meer dan 50.000 downloads en 2.000 premium aankopen. Eindgebruikers en developers gaven gemiddeld een 4,8/5, en volgens de CEO van CreativeTim leverde de lancering van Vue.js 20% meer totale omzet op. De samenwerking loopt nog altijd. Jaren na de eerste open-source release leveren we samen nog steeds Vue.js-oplossingen.
“Launching the Vue.js products, which regularly receive 5-star reviews, has boosted general sales by 20%. BinarCode always delivers immaculate code and thorough documentation. Their fluid communication and timely deliveries make the relationship successful.”
Alex Paduraru, CEO, CreativeTim