https://github.com/sirajcode/design_source

💻 Design source is simple html css reset and classes ui design system.
https://github.com/sirajcode/design_source

css css3 design-system design-systems html5 ui user-interface

Last synced: 6 days ago
JSON representation

💻 Design source is simple html css reset and classes ui design system.

• Host: GitHub
• URL: https://github.com/sirajcode/design_source
• Owner: sirajcode
• Created: 2022-08-29T17:23:36.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-07-11T08:36:15.000Z (7 months ago)
• Last Synced: 2024-12-04T07:08:01.059Z (2 months ago)
• Topics: css, css3, design-system, design-systems, html5, ui, user-interface
• Language: HTML
• Homepage: https://designsource.netlify.app/
• Size: 401 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Design Source ui design system




   front-end framework for easier web development.

  


  explore design source »

  


  


  Issue

  ·

  Request feature

  ·

  Components



### Design Source

The design is in its early release stage and is ready for use in both design and development projects. It is developed to provide handy, reusable CSS styles in the easiest and simplest way possible. This approach ensures that users can achieve efficient and effective results, making their work smoother and more intuitive.

- [Quick start](#quick-start)

- [Structure](#structure)

- [Working](#working)

- [Technologies used](#technologies-used)

- [Updates](#updates)

- [Creator](#creator)

### Quick start

These are the ways you can start using design source.

- By downloading css file `https://github.com/sirajcode/design_source/blob/master/style.css`.

- By using cdn link `https://cdn.jsdelivr.net/gh/sirajcode/design_source@master/style.css`.

### Structure

```

designsystem/

    │

    ├── index.html

    └── style.css

```

### Working

The UI design uses clear and understandable class names, incorporating abbreviations for simplicity. This approach ensures the code remains well-structured, easily readable, and efficient, making development smoother and more intuitive.

### Technologies used

The design is crafted using only CSS and Flexbox, contained in a single file: `style.css`. It's a streamlined, professional.

### Updates

The UI design system is taking its first steps, fully crafted and lovingly maintained by the author. It's a growing project, evolving with each update, and brings a touch of fun to professional design.

### Author

**M. Siraj**

[Linkedin] | [Twitter]

[twitter]: https://twitter.com/siraj.codes

[linkedin]: https://linkedin.com/in/sirajcodes