
š¦ - A style library for the fashionable front-enders
triKone is a Sass library that collects all the different UI components or kits surrounding a particular UI/UX trend. It is easy to implement. Use this library when you want to incorporate the design principles surrounding a design methodolody in your products.
triKone currently covers the
Neumorphic design trend.
Design Trends in pipeline:
(a) CSS 3D
(b) CSS microanimations
We look at integrating style as step zero in a product's growth trajectory. The newest design trends can be looked up here, and utilized without going deep into understanding them (_not that there is anything wrong with that_).
> Something that hasn't been 'adjusted to' has been 'adjusted with'. --
Multiple sources
Simply download our styling from the CDN and then cherry-pick the component from the library to add it to your app:
!
Neumorphic Cards
We've tried to add all kinds of components here:
!
Neumorphic Cards
With multiple variants of every type:
!
Neumorphic Cards
And some esoteric ones too:
!
Neumorphic Cards
We hope more and more people use these styles and make products that are instantly appealing to the eye.
Built With āļø
[s]: #built-with-āļø "S/w stack"
-
Sass: The choice of the champions.
Getting Started š
You can cherry-pick the component you desire from the
website.
Contributing š
[c]: #Contributing-š
"Guidelines for contribution"
Please read
CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.
See also the list of
contributors who participated in this project.
Versioning
[v]: #versioning "Maintaining the different versions"
We use
SemVer for versioning. For the versions available, see the
tags on this repository.
Authors š¦¹
[a]: #Authors-𦹠"All the authors"
-
Tinkal Deka - _Grunt Worker_
Twitter Profile
-
Abhijeet Burman - _Grunt Worker_
Twitter Profile
-
Kushal Dave - _Grunt Worker_
Twitter Profile
-
Bharat Patodi - _Grunt Worker_
Twitter Profile
License
[l]: #license "License type"
This project is licensed under the MIT License - see the
LICENSE.md file for details
Acknowledgements ā¤ļø
[ack]: #acknowledgements-ā¤ļø "Inspirations, and code gifts"
- Icon credits:
Freepik from
Flaticon
- Image credits:
unsplash
- CSS Reset by
Eric Meyer
- Neumorphism Design Learning -
Michal Malewicz
Adam Giebl
CSS-tricks
themesberg
- Fonts from
Google Fonts