https://github.com/abhirajadhikary06/ui-card-library

A curated collection of beautifully designed UI cards with direct access to their Figma designs. Each card includes creator details with links to their LinkedIn and Twitter profiles. Perfect for inspiration and collaboration!
https://github.com/abhirajadhikary06/ui-card-library

figma frontend javascript ui

Last synced: 7 days ago
JSON representation

A curated collection of beautifully designed UI cards with direct access to their Figma designs. Each card includes creator details with links to their LinkedIn and Twitter profiles. Perfect for inspiration and collaboration!

• Host: GitHub
• URL: https://github.com/abhirajadhikary06/ui-card-library
• Owner: abhirajadhikary06
• License: mit
• Created: 2024-12-13T19:59:45.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-27T06:23:42.000Z (about 2 months ago)
• Last Synced: 2024-12-27T07:24:03.598Z (about 2 months ago)
• Topics: figma, frontend, javascript, ui
• Language: HTML
• Homepage: https://ui-card-library.vercel.app
• Size: 11 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Inspiration

A curated collection of beautifully designed UI cards with direct access to their Figma designs. Each card includes creator details with links to their LinkedIn and Twitter profiles. Perfect for inspiration and collaboration!

## Demo

You can view the CSS art piece I created for this challenge below:

Github Repo: https://github.com/abhirajadhikary06/UI-Card-Library

Live Preview: https://ui-card-library.vercel.app/

![UI Card Library](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9ooxj3bch4aqgpkodm3k.png)

## Journey

Embarking on this project allowed me to delve deeper into CSS techniques, such as positioning, transformations, and animations. I learned how to manipulate simple HTML elements to create intricate designs, enhancing both my technical skills and artistic expression.

One of the key takeaways was understanding the importance of planning and sketching designs before coding, which streamlined the development process. I'm particularly proud of how the final piece reflects the initial concept, demonstrating the potential of CSS in creating art.

Looking ahead, I aim to experiment with more complex animations and interactive elements, further blending art with functionality in web design.

*Note: The code for this project is open-source and available under the [MIT License](https://opensource.org/licenses/MIT).*

Thank you for viewing my submission!