Animation, Effects & Transitions for iOS
License: Apache License 2.0
The Submit button is not rendering well for devices with large frames.
Modify the Submit button class and adjust it's frame and rendering so that it's always at the center of the device.
You can find the class under Effects.
Mention in the comments that I'll be working on this task. (I'll assign the task to you, this helps in letting other contributors know that the task has been taken)
Do read the Contribution.md document before starting this task and don't forget to fork from the dev branch.
Once you're done do a quick pull from the dev branch and Raise a PR and link this issue in that.
I'll review it as soon as I can, and drop my inputs on the same.
Fix the buttons clipping in Floating Button Animations which is under Tutorials group.
The buttons on the right side of the ButtonsVC, is getting clipped, you have to fix that.
Check out the ButtonsViewController that is under Tutorials group.
The buttons are added programmatically who you have to fix it there itself.
Mention in the comments that I'll be working on this task. (I'll assign the task to you, this helps in letting other contributors know that the task has been taken)
Do read the Contribution.md document before starting this task and don't forget to fork from the dev branch.
Once you're done do a quick pull from the dev branch and Raise a PR and link this issue in that.
I'll review it as soon as I can, and drop my inputs on the same.
Make the app compatible with both Light / Dark theme.
Currently, the app has a static text color and backgrounds. It's a good user experience to provide support for both the themes.
You can use the asset catalog itself, otherwise feel free to use any tricks and methods that you'd like to do it.
Colors
P.S. - Do make the initial logo animation in IntroVC adaptable to the user's selected theme.
Mention in the comments that I'll be working on this task. (I'll assign the task to you, this helps in letting other contributors know that the task has been taken)
Do read the Contribution.md document before starting this task and don't forget to fork from the dev branch.
Once you're done do a quick pull from the dev branch and Raise a PR and link this issue in that.
I'll review it as soon as I can, and drop my inputs on the same.
Fix the alignment of the Animation and the buttons for iPads.
The animation is not centered in iPads, and the button at the bottom is also not centered horizontally.
Check out the LoadersViewController under the Tutorials group and fix the issue.
Mention in the comments that I'll be working on this task. (I'll assign the task to you, this helps in letting other contributors know that the task has been taken)
Do read the Contribution.md document before starting this task and don't forget to fork from the dev branch.
Once you're done do a quick pull from the dev branch and Raise a PR and link this issue in that.
I'll review it as soon as I can, and drop my inputs on the same.
This is a tiny issue, but it sets my OCD off 😅
Hi Shubham, as I said yesterday in Instagram I did check your repo and this is my first contribution, right?
First, very good jo dude! Very clean code and very good structured. It is easy to follow.
Now, I have found that the code works fine in light mode, but dark mode breaks font color in 'Tutorials' section, the view goes black and the font color doesn't change.
See you!
On iPhone 7 Plus, only the top part of the "Wifi Animations" cell is visible.
Give the user a toast component, that they can use to display various kinds of messages.
Customizable toast view component with support for both dark and light themes.
There are 3 types of toasts that your component should support - Success, Info & Warning.
For each type of toast the user will pass an additional type specifying the theme of toast - Light or Dark.
The toast should appear on top on other views on the screen.
The user should also be able to pass the duration for the toast.
Examples-
Create a custom class under the Components group named ToastView. ( Creating a custom view/Xib preferably against programmatic UI.)
The toast should occupy 70-80% of the device's width, figure out a value that looks the best on most of the devices.
It should be
I've used SF Pro for the mockups, the project already has Raleway and Montserrat, I'd recommend to use that.
The user should also be able to pass the Title & the message for the toast in the ToastView initializer.
Enum for ToastMode, make another enum for ToastTheme that returns the color based on light/dark & ToastMode.
enum ToastMode {
case success
case info
case warning
}
Once you're done do a quick pull from the dev branch and Raise a PR and link this issue in that.
I'll review it as soon as I can, and drop my inputs on the same.
On my iPhone 7 Plus, the "Text-Typing Effects" screen looks like this:
This should be an easy fix.
Add comments and explanations for the UIViewControllerAnimatedTransitioning classes for Transitions.
Currently, the application has two type of custom transitions, you can use these transitions to navigate from one view controller to the other.
You can check out the Transitions Group. It has two files - Circle and Row animator. You can check it out, understand how it works, and then write comments on the same.
Mention in the comments that I'll be working on this task. (I'll assign the task to you, this helps in letting other contributors know that the task has been taken)
Do read the Contribution.md document before starting this task and don't forget to fork from the dev branch.
Once you're done do a quick pull from the dev branch and Raise a PR and link this issue in that.
I'll review it as soon as I can, and drop my inputs on the same.
Create a VC under Tutorials, to showcase the ToastViews.
Create a new ViewController and it's view in Tutorials.storyboard, try to keep the UI simple.
Create separate buttons to invoke the various types of Toasts. More detail on the Toast can be found in #18.
Create the ViewController under the Tutorials group. ( Creating a custom view/Xib preferably against programmatic UI.)
At minimum, the VC should have a Title( use the same font and size as in the Animating Tableview cells), a description and buttons, feel free to use your creativity to make it interesting.
Mention in the comments that I'll be working on this task. (I'll assign the task to you, this helps in letting other contributors know that the task has been taken)
Do read the Contribution.md document before starting this task and don't forget to fork from the dev branch.
Once you're done do a quick pull from the dev branch and Raise a PR and link this issue in that.
I'll review it as soon as I can, and drop my inputs on the same.
Allow the User to open the repository inside the app for a quick glance.
Create both the ViewControllers in the Home group. MoreVC will have a tableView and on pressing the various options their associated VC's should open.
Add the new TableViewCell for the MoreVC under the Cells group.
Once this is done, Create another ViewController that opens this repository inside the app. I'd recommend using the SafariViewController instead of WebViews.
Display this link- https://github.com/Shubham0812/Animatify-ios/
P.S. - Don't forget to add the button in the HomeViewController to enter the MoreViewController.
This task has a dependency on #29, if that one isn't completed, I'd like you to take that one first :)
Mention in the comments that I'll be working on this task. (I'll assign the task to you, this helps in letting other contributors know that the task has been taken)
Do read the Contribution.md document before starting this task and don't forget to fork from the dev branch.
Once you're done do a quick pull from the dev branch and Raise a PR and link this issue in that.
I'll review it as soon as I can, and drop my inputs on the same.
Create a CodeSymbol using the existing SF Symbols
Create a new CodeSymbolView component, that can be used anywhere in the project.
Create a custom class CodeSymbolView under the components Group.
Use these SFSymbols - chevron.left & chevron.right
The class should have an initializer that takes the color for the symbols as well an UIImage.SymbolConfiguration object.
(UIImage.SymbolConfiguration can be used to provide the font, size and weight of the symbol)
You can create it programmatically, or use a XiB, it's upto you.
P.S.- Just create a View that contains both the symbols, don't add the borders like I've done in the image asset above.
Mention in the comments that I'll be working on this task. (I'll assign the task to you, this helps in letting other contributors know that the task has been taken)
Do read the Contribution.md document before starting this task and don't forget to fork from the dev branch.
Once you're done do a quick pull from the dev branch and Raise a PR and link this issue in that.
I'll review it as soon as I can, and drop my inputs on the same.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.