Introducing an Electron UI toolkit that evokes a sense of nostalgia, for crafting desktop applications.
![Example screenshot](https://private-user-images.githubusercontent.com/14940633/255008662-f476ac53-cde0-40bb-bfa4-ab65245b9796.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUxMDQzNzgsIm5iZiI6MTcyNTEwNDA3OCwicGF0aCI6Ii8xNDk0MDYzMy8yNTUwMDg2NjItZjQ3NmFjNTMtY2RlMC00MGJiLWJmYTQtYWI2NTI0NWI5Nzk2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MzElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODMxVDExMzQzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRjYmU3NzQ0NTIyZWFiNjUwY2VkNjM4OTBjMTc5ZDlkZDhhOGY5YjMyMTA5NTE0NWY1NWUzOTViNDk3OGJlNjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.OoBXMOYcGVGZmloCqQqhWT7jHJn360C1t3zERxLFjZU)
- Nostalgic Design: Enjoy the aesthetic appeal of the iconic Macintosh UI, reminiscent of the early days of personal computing.
- Responsive Components: Benefit from a collection of ready-to-use React components that adapt to various screen sizes and resolutions.
- Intuitive User Experience: Create applications with a user-friendly interface, allowing users to easily navigate and interact with your app.
- Customizable: Tailor the UI to match your application's specific requirements with ease, using the provided configuration options and styles.
- React and TypeScript: Leverage the power of React's component-based architecture and TypeScript's type safety for a robust and maintainable codebase.
Follow the steps below to get started with the Macintosh Electron UI project:
- Installation: Clone the repository and install the project dependencies using npm or yarn.
git clone https://github.com/preist/macintosh-electron-ui.git
cd macintosh-electron-ui
npm install
- Development: Start the development server to view the demo application in your browser.
npm run start
- Build: Build the project to generate the production-ready files in the
build
folder.
npm run build
- Usage: Use the components in your own project by importing them from the
dist
folder.
import React from 'react';
import { Window, Button } from 'macintosh-electron-ui';
const App: React.FC = () => {
return (
<Window title="My Macintosh App">
<Button>Hello, Macintosh!</Button>
</Window>
);
};
export default App;
Contributions to the Macintosh Electron UI project are welcome! If you encounter any bugs, have feature requests, or would like to contribute improvements, please follow our guidelines outlined in the CONTRIBUTING.md file.
The Macintosh Electron UI project is licensed under the MIT License. Feel free to use, modify, and distribute this project in accordance with the terms specified in the license