Everything there is to know about Lightning UI


Creation

Lightning UI's developpement started back in September of 2023, as part of my graduation project, as a Full-Stack dev.

I've always wanted to create my own library, and as this full-stack project was really big, I needed to find ways to gain some time on integration, to be able to focus on functionnalities instead. (actually it ws an excuse to discover the wonderful world of libraries and give it a shot while impressing the jury, shhh).

I spent a of time working on it, but it was well worth it, as I started working on the actual project, All the blocks were pretty much ready, I didn't have to think about styling, I'd knew everything would work out well and look awesome immediatly (or would it ? *insert VSauce theme*). I'd only have to focus on actually developping, making sure all the data were displayed, all the features would work perfectly.

Build

This library was meant to be as customizable as possible. While being simple and easy to use as a beginner looking for its first library.

Hence why its built with CSS (and JS for some more advanced features like carousels, scroll based animations, theme selection, etc.). You'll have to do a quick dive into CSS variables to be able to customize it fully, but it'll be easy, don't worry ! And as I'm feeling generous, here's a really useful link to learn quickly about them.

It's built using nesting, so if you want everything to look right, please use the structure provided in the Components section. - Please note that when downloading the Library, you'll have the components blocs in the folder as well.

Though, you can always try to un-nest the CSS and rework it to your needs. Same goes for the HTML blocks, feel fre to remodel them as you wish, if you have specific needs.

Why to use Lightning UI ?

To put it simply : It's highly customizable, extendable, based on an easy to learn language, lightweight and impactful. - Yes, the flashy colors are voluntary, as well as the angular design and massive font-sizes.

Of course it's also responsive and I plan on making it accessible (usable by people with various disabilities) in the future.

Final words

I hope this library will be useful for you, and that you'll create amazing things with it. - Please, send me what you build with it, I really want to see how it helps/inspires you to be creative !

It's not complete at all, I have very basic features in it at the moment, but who knows ? Maybe someday I'll turn it into a proper full fledged library with everything we could imagine needing ?

But for now, please enjoy this first version of Lightning UI.


Thank you again for your interest in this project,
Sincerely.



Cédric, creator of Lightning UI