Documentation

Genes?
UI Framework
API Framework
A. CSS & Comps

2. Basic HTML

For all basic html tags, there is some reset for continuous look on various browsers, and there is very low styling, so that you can easily build on them. UI framework is focused on a Minimum Viable Product creation, that can easily be customized to look your own, not some lazy-copy-cat every-new-web-app / landing-page-looks-the-same styling. Consider it as a skeleton to build your skin on.

Just inspect element or view source, no funny business here. Plain as what it is.

Typography

This is an h1 title: "QYPGqypg ÖÇİŞÜĞöçişüğ" [1]


This is an h2 title: "QYPGqypg ÖÇİŞÜĞöçişüğ" [2]


This is an h3 title: "QYPGqypg ÖÇİŞÜĞöçişüğ" [3]


This is an h4 title: "QYPGqypg ÖÇİŞÜĞöçişüğ" [4]


This is an h5 title: "QYPGqypg ÖÇİŞÜĞöçişüğ" [5]

This is an h6 title: "QYPGqypg ÖÇİŞÜĞöçişüğ" [6]

This is a p paragraph aligned to justify: "QYPGqypg ÖÇİŞÜĞöçişüğ" [2018]. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages...


This is a div text: "QYPGqypg ÖÇİŞÜĞöçişüğ" [1963]
This is a div text: "QYPGqypg ÖÇİŞÜĞöçişüğ" [1963]
This is a span text: "QYPGqypg ÖÇİŞÜĞöçişüğ" [22,124]

This is a p text with font-size of 5 rems.

This is a p text with font-size of 5 rems and serif font-family included.

This is a p text with font-size of 5 rems and monospace font-family included.


This is a a link: "QYPGqypg ÖÇİŞÜĞöçişüğ" [5.98]
  • This is an ul li line 1
    • This is an ul li line 1
    • This is an ul li line 2
    • This is an ul li line 3
      • This is an ul li line 1
      • This is an ul li line 2
      • This is an ul li line 3
  • This is an ul li line 2
  • This is an ul li line 3

  1. This is an ul li line 1
    1. This is an ul li line 1
    2. This is an ul li line 2
    3. This is an ul li line 3
      1. This is an ul li line 1
      2. This is an ul li line 2
      3. This is an ul li line 3
  2. This is an ul li line 2
  3. This is an ul li line 3

  1. This is an ul li line 1
    1. This is an ul li line 1
    2. This is an ul li line 2
    3. This is an ul li line 3
      1. This is an ul li line 1
      2. This is an ul li line 2
      3. This is an ul li line 3
  2. This is an ul li line 2
  3. This is an ul li line 3

  4. Header TD 1 Header TD 2 Header TD 3
    Standart Cell 1, Row 1 Standart Cell 2, Row 1 Standart Cell 3, Row 1
    Standart Cell 1, Row 2 Standart Cell 2, Row 2 Standart Cell 3, Row 2
    Standart Cell 1, Row 3 Standart Cell 2, Row 3 Standart Cell 3, Row 3
    Standart Cell 1, Row 4 Standart Cell 2, Row 4 Standart Cell 3, Row 4
    Footer TD 1, 2 Cols wide.. Footer TD 2

    Header TD 1 Header TD 2 Header TD 3
    Standart Cell 1, Row 1 Standart Cell 2, Row 1 Standart Cell 3, Row 1
    Standart Cell 1, Row 2 Standart Cell 2, Row 2 Standart Cell 3, Row 2
    Standart Cell 1, Row 3 Standart Cell 2, Row 3 Standart Cell 3, Row 3
    Standart Cell 1, Row 4 Standart Cell 2, Row 4 Standart Cell 3, Row 4
    Footer TD 1, 2 Cols wide.. Footer TD 2

You want more?

Unminified and unmerged code base? Seeing backlog, having a say in the future of Genes?
Buying & selling custom Genes mods & clones at the store? Being a part of the community?

Good old-fashioned downloads. Nightly updates. Detailed Q&A, in-depth usage tips & tricks. You are a designer, a custom theme-builder? You'll see that this is the easiest you create themes. Both admin and frontend is customized. So now, your themes can easily have custom admin panels too. And by custom I mean "CUSTOM"! Without being tortured you can create a comp, mod or clone or theme and sell that. Be a part of this community, to learn what the hell a comp, mod or clone is?! Many freebies, custom barebone / skeleton templates. Discounts. Easy recipes. Third party integrations. Saving time. Making money. Interacting. Contributing. Benefiting. Me. Just become a member. Really, I love you.

Authentication
User Management
Quick Login
Performance
Optimised DB
Modular
Upload & Use
Content Management
Blog / CMS
Landing Page
i18n
SEO Optimised
Tag, Filter, Search
Lightweight
Genes Premium Bundle

"Early Adopters Phase"
- 50% Discount -

Quota Left: 248 of 250

€199.90

€99.90

All Inclusive! No Hidden Costs!
Paid Once! No Subscription!
  • What you're getting!?
    • A .zip file bundle of everything.
    • FTP Uploads! Real Indie Maker Life!
      Control Over Your Data and Code!
      And...
    • 4 Sample HTML Templates with Sub-Pages
      • Admin
      • Blog
      • Corporate
      • Landing
    • 4 Sample UI Color Themes
      • Academic
      • Corporate
      • Darko
      • Hip
    • 4 Sample Production Ready Clones:
      Just upload and start using.
      • Multilingual Dynamic No-DB Landing Page
      • A Multi-User Blog
      • An API Backend
      • Almost-Ready Index Something SaaS
        with Stripe Payments and Google Login
    • 6 Useful Mods:
      Pick all you need.
      • Self-Hosted SMTP Mailer Integration
      • Self-Hosted Form / Data Management
      • Self-Hosted GDPR-Ready Analytics!
      • Brevo Transactional Mail Integration
      • Firebase Google Login Integration
      • Stripe Payment Integration
    • Membership to Genes X Community & X Chat Group.
    • Access to the Genes Private Repository on Github.
    • Add Your SaaS / Blog / Website / Landing Page to the Showcase.
    • Work in progress:
      • More templates!
      • More themes!
      • More mods!
      • More sample clones!
      • Training a ChatGPT Agent, GenesGPT, soon...
      • Having a say in the backlog, soon...
      • Updates and more to come, soon...
      • Possibility to sell clones, mods and themes you created, in the Store, soon...