✨Start making a new app
If you don't know what editor to use, take a look at the Rainmeter editor page.
Create a new app
You can create 2 types of community apps:
The Droptop App option is recommended if you intend for your app to read local files on the PC, control your PC's settings, open a file/folder, or display any system information, like volume control or CPU usage. A WebView App is recommended for displaying content from the web.
A Droptop app is for creating an app using Rainmeter code, and can either be a simple button in the bar that launches a shortcut, or expands into a dropdown menu with various options when clicked.
Start off by going
Droptop settings >> Community apps >> Create new appA window will open. Select
Droptop AppChoose a name for your app and the author's name, pressing
Enterto confirm your entrySelect
Choose an icon for your app. Select a.pngimage of your choice, preferably32x32pixels. This icon is what will appear in the bar. You can find icons for your app at flaticon.com, or you can make your own.There are two options available to create your Droptop App, select an option based on the type of app you want to make:
App has a dropdown menu: clicking on the button on droptop, the app will open a dropdown menu.App is just a button: clicking on the button no droptop, the app will perform an action.
Use the option
Use full color iconif you want the icon in the bar to always be the same color as the image uploaded - Otherwise, the color of the icon will follow the user's current theme and color settings.Select
Generate appwhen ready.
A WebView app is for displaying a web page of your choice in a dropdown menu. This can already exists or you can create your own with some html & css!
Start off by going
Droptop settings >> Community apps >> Create new appA window will open. Select
Webview appChoose a name for your app and the author's name
Select
Choose an icon for your app. Select a.pngimage of your choice, preferably32x32pixels. This icon is what will appear in the bar. You can find icons for your app at flaticon.com, or you can make your own.Use the option
Use full color iconif you want the icon in the bar to always be the same color as the image uploaded - Otherwise, the color of the icon will follow the user's current theme and color settings.Select
Generate appwhen ready.For the simplest way to make a WebView app, use the google search page to get to your desired website, (or click the ︙ button, then "Google" in the dropdown) then click the ☰ hamburger button in the top-right corner and select "Set this page as default" - The website will now be the default website that opens when the app launches.
If you want to make a more advanced WebView app than something that just displays a specific website, you can edit the contents of the ︙or ☰ dropdown menus to display more options, like being able to navigate to a set of different websites.
Change
NumberOfActionIcons=to anything from 0 to 5 to increase or decrease the number of dropdown menus available in the top-right corner.Double right-click on each dropdown and select Edit Skin to make changes. Change
NumberOfItems=to the number of dropdown items (Up to 10 for each dropdown menu).
Editing your new app
Your new app will now appear in the bar. If you selected
WebView apporDroptop appwithApp has a dropdown menuenabled, clicking on the app icon will open your app.Right-click twice (Double right-click) anywhere inside of your app to open a quick navigation menu. Here you can access the essential files and folders that make-up your app. Select
Edit skin (Custom app.ini)The code for your app's main dropdown menu will appear.
To change the icons in the dropdown menus, just change the value of
ItemIconFileNameX=to the name of an icon file in the Icons folder (Double right-click >> Open Icons folder). You can find new icons at flaticon.com, or you can make your own.Icons should be pure white - Use
Droptop settings >> Support >> Developer tools >> Create 32x32 button imagesand select your icon file to convert your icons automatically. Your converted icon will be calledButton32.png- Rename that file to your desired file name and move it to the Icons folder in your app's folder.
Understanding the basics
If you haven't already, refer to the Rainmeter Documentation (https://docs.rainmeter.net/) to familiarize yourself with concepts such as Bangs, Sections, Variables, and other essential parts of how Rainmeter works.
If another Droptop Community App has a similar feature or special function that you would like to include in your app, you can edit that app and see exactly how it was implemented. Use that knowledge to learn and assist in adding that feature to your app.
Last updated