Féach Lily in aipeanna fíor
Taispeánann seacht dtionscadal samplach oibrithe conas na comhpháirteanna gan cheann a ghlacadh, stíliú a chur leo agus suíomh fíor a sheoladh. Roghnaigh an creat a úsáideann tú.
Aipeanna taispeána le CSS iomlán agus ródú
HTML JavaScript
Leathanaigh HTML simplí, JavaScript vanilla, gan uirlisí tógála. Oireann d’aon óstach statach — foirfe do shuíomhanna beaga agus feabhsú forásach.
Svelte + SvelteKit
Aip SvelteKit 3 a úsáideann runes Svelte 5. Bealaí comhpháirteanna, ródú bunaithe ar chomhaid, agus storybook stílithe de gach comhpháirt.
React + Next.js
Aip Next.js 16 a thaispeánann gach comhpháirt i gcomhthéacs, le TypeScript ar fud agus leathanaigh taispeána do phatrúin chomhdhéanta.
Vue + Nuxt.js
Aip Nuxt 4. <script setup> agus an Composition API ar gach bealach taispeána.
Angular + Analog
Aip Angular 22 + Analog.js. Ródú bunaithe ar chomhaid, comharthaí, brath athruithe gan zones agus réamh-rindreáil SSG iomlán.
Blazor Web
Aip Blazor Web le comhpháirteanna Razor. Cairdiúil don fhreastalaí agus do WebAssembly, le bonn .NET 10.
Nunjucks + Eleventy
Suíomh Eleventy a úsáideann macraí Nunjucks. Idéalach do shuíomhanna statacha atá ábhar-trom ach ar mian leo córas fíor comhpháirteanna a bheith acu fós.
Tá an cruth céanna ar gach aip shamplach
Chun go mbeidh sé cosúil go bhfuil tú sa bhaile agus tú ag léim idir chreataí, soláthraíonn gach aip shamplach:
- Bealach fáilte ag
/a chuireann an tionscadal in aithne. - Innéacs comhpháirteanna ag
/componentsa liostaíonn gach comhpháirt. - Leathanach taispeána in aghaidh gach comhpháirte ag
/components/<component>. - CSS fíor — ní comharthaí dearaidh teibí — ionas gur féidir leat stíleanna a fháil ar iasacht go díreach.
- Nascleanúint méarchláir agus bainistiú fócais atá ag obair as an mbosca.
An gá duit a fheiceáil conas atá comhpháirt amháin stílithe?
Oscail an aip shamplach ábhartha, nascleanúint go
/components/<name>agus cóipeáil an marcáil agus an CSS isteach i do thionscadal féin. Úsáideann na haipeanna samplacha CSS simplí (nó beagnach simplí) d’aon ghnó ionas gur féidir leat iad a oiriúnú d’aon chóras is fearr leat.
An mian leat gan cheann ina ionad?
Péireáil aon aip shamplach lena pacáiste gan cheann comhfhreagrach — foilsíonn siad na comhpháirteanna céanna gan aon CSS, réidh do do chomharthaí dearaidh féin.